I can still remember the day I discovered the

  • tag. It’s not that I had never used list items before—I had built plenty of bulleted lists. What I discovered that day was that with a little CSS, the
  • becomes one of the most powerful and versatile tags in a web designer’s arsenal. So versatile is the list item, in fact, that you could build and entire website layout out of just
    • tag pairs. Of course, that wouldn’t be semantically correct, but you could do it. This article is a tutorial and a tribute to the amazing
    • .

      Using
    • s for Horizontal Navigation

      • You can use unordered list items to present horizontal navigation buttons and other horizontal lists. When I first moved from table-based layouts to CSS, this was a big shocker for me. It opens up a world of possibilities and it makes your code oh so beautiful and easy to read. Here’s an example of a five-button horizontal nav bar made completely of list items.

      ul{

      Tags: , , , , , , , ,
      Comment