• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 18. Creating a Site Header > Styling the <li> Element

Styling the <li> Element

The list must be displayed across the screen rather than down. This is achieved by setting the <li> to display: inline.

Next, a graphic bullet needs to be added to the <li>. The best way to do this is by using a background image set with background: url(header-bullet.gif) no-repeat 0 50%;. This will place one image vertically centered beside each list item.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint