Check out this http://jsfiddle.net/woyy389L/3 link for a visual representation of the question. It features 4 columns with a total of 5+5+5+2=17 items in the ul
.
Is it possible to achieve 5+4+4+4 items using only CSS without altering the HTML structure?
This should be properly displayed on both Firefox and Chrome browsers.
The CSS code provided is:
ul{
-webkit-column-count: 4;
-moz-column-count: 4;
border:1px solid red;
}
Here is the HTML code:
<ul>
<li><a class="myclass" href="#"><span>bbb</span></a></li>
(remaining list items...)
</ul>
Thank you for considering this issue.