CSS: How to keep li on one page without jumping to next

0

Good afternoon everyone!

I'd like to know how I can put the items in a list on the same page without going to the next page. Ex: I want to put item 3 and its description on the right side of the page above, where are the other items. I've tried to float everything, but I could not fix it. If anyone knows of an idea, something I can do to fix it would help me a lot.

    
asked by anonymous 23.05.2017 / 20:40

1 answer

0

A possible alternative would be to put the ul tag with two or more columns layout, so it would save space to fit everything on the same page.

ul{
    columns: 2;
   -webkit-columns: 2;
   list-style-type: circle;
}   
<ul class="itens">
  <li>Item 1 </li>
  <li>Item 2 </li>
  <li>Item 3 </li>
  <li>Item 4 </li>
  <li>Item 5 </li>
  <li>Item 6 </li>
</ul>
    
23.05.2017 / 21:03