The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Back End Lists split into 2 columns, regardless of list length

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #34409

    Hey guys, hopefully someone can help me out with this.

    If I have an ordered list and I want it to be displayed with the first half on the left and the second half on the right, but I want it to be dynamic so it doesn’t matter how many list items there are, what would I do?

    For example I have a list of ingredients. If there’s 10 ingredients I want 1-5 on the left, and 5-10 on the right. If there’s 17 ingredients, I want 9 on the left, and 8 on the right.

    Any suggestions?


    yeah, thanks!


    Sorry about all the extra ‘design’ stuff. I went a bit overboard, but it looks cool (in Chrome at least)!

    The important part is:

    ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Back End’ is closed to new topics and replies.