Lista en columnas


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. ul{
  2. width:760px;
  3. margin-bottom:20px;
  4. overflow:hidden;
  5. border-top:1px solid #ccc;
  6. }
  7. li{
  8. line-height:1.5em;
  9. border-bottom:1px solid #ccc;
  10. float:left;
  11. display:inline;
  12. }
  13. #double li { width:50%;}
  14. #triple li { width:33.333%; }
  15. #quad li { width:25%; }
  16. #six li { width:16.666%; }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.