CSS: How to keep <li> on one page without skipping to the next

Asked

Viewed 107 times

0

forVerso certificado

Good afternoon, everyone !

I would like to know how I can put the list items on the same page without it 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 tried to float everything, but I couldn’t fix it. If anyone knows of any ideas, anything I can do to fix this, it would help me a lot.

css3

1 answer

0


A possible alternative would be to tag ul with two or more columns layout, 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>

Browser other questions tagged css3

You are not signed in. Login or sign up in order to post.