The problem - Floated list items
Resize your browser window ...
... to see what happens with the elements ...
... in this list.
Lorem ipsum dolor ...
... sit amet, consectetur ...
... adipisicing elit, sed ...
... do eiusmod tempor incididunt ...
...ut labore et dolore magna aliqua.
The solution - Via inline-block
Resize your browser window ...
... to see what happens with the elements ...
... in this list.
Lorem ipsum dolor ...
... sit amet, consectetur ...
... adipisicing elit, sed ...
... do eiusmod tempor incididunt ...
...ut labore et dolore magna aliqua.
How I got there - the tests
Test 1 - Floated
1x text
2x text text
2x text text
1x text
1x text
2x text text
3x text text text
1x someverylongtext
Test 2: inline-block
1x text
2x text text
2x text text
1x text
1x text
2x text text
3x text text text
1x someverylongtext
Test 3: Fix Internet Explorer
1x text
2x text text
2x text text
1x text
1x text
2x text text
3x text text text
1x someverylongtext
Test 4: Fix Firefox?
1x text
2x text text
2x text text
1x text
1x text
2x text text
3x text text text
1x someverylongtext
Test 5: Fix Firefox!
1x text
2x text text
2x text text
1x text
1x text
2x text text
3x text text text
1x someverylongtext
Test 6: Combined
1x text
2x text text
2x text text
1x text
1x text
2x text text
3x text text text
1x someverylongtext