Reply To: inline-block with ordered list and multiline

[Tipo]

This comes close to mine.

But therefore I have some more encapsulated DIVs in my lists and this DIVs shall be aligned in one row. I found a solution. li div { vertical-align: top }

The big question is: WHY does it work? This vertical align pushed my leading number back top. http://codepen.io/Tipo/pen/nojEm

And why can’t I use 50% width for the second container?
I thought 50% + 50% = 100%
But if that second container gets 50% width it jumps into the next row.