positioneering divs lukt niet

Hoi Jack,

Hierbij de oplossing die je zoekt.
https://jsfiddle.net/1davz5d3/2/

Ik heb een rij per 2 div's gemaakt.
Er zijn meerdere oplossingen mogelijk, die is er 1 van.
Je had ook met een UL kunnen werken en deze per 2 tonen.

Wat nog een mooiere oplossing had geweest is het nieuwe flexbox wat het gebruik van floats overbodig maakt.

De JSfiddle is geschreven in SCSS (Sass) dit is een dynamische CSS taal wat scheelt in het schrijven van CSS.

In het bericht zal ik de normale CSS code plaatsen zodat je hier alsnog mee aan de gang kan.

.apps-wrapper .app {
  margin: 10px;
  padding: 10px;
  border: 1px solid #000;
  width: 400px;
  float: left;
}

.apps-wrapper .app img {
  float: left;
  display: block;
  margin-right: 10px;
  width: 80px;
}

.apps-wrapper .app .text {
  float: left;
  width: 300px;
}

.apps-wrapper .app .text > p {
  margin-top: 0;
}

Thanks, dat heeft het opgelost. Ik zal eens gaan kijken naar wat flexbox precies is en dit mogelijk toe passen.

Edit: het werkt in Opera, Firefox toont van de 4 divs, maar drie divs. Heel raar.

? In FireFox werkt het ook gewoon.

Check de JSfiddle update

https://jsfiddle.net/1davz5d3/3/