CSS UL to Multi Column

Posted On // Leave a Comment

     
  • CSS

  •  
  • XHTML

  •  
  • Semantics

  •  
  • Accessibility

  •  
  • Usability

  •  
  • Web Standards

  •  
  • PHP

  •  
  • Typography

  •  
  • Grids

  •  
  • CSS3

  •  
  • HTML5

  •  
  • UI




  • css
    ul{
      width:760px;
      margin-bottom:20px;
      overflow:hidden;
      border-top:1px solid #ccc;
    }
    li{
      line-height:1.5em;
      border-bottom:1px solid #ccc;
      float:left;
      display:inline;
    }
    #double li  { width:50%;}
    #triple li  { width:33.333%; }
    #quad li    { width:25%; }
    #six li     { width:16.666%; }

    demo

    source

    0 komentar: