April 2005
Intermediate to advanced
336 pages
6h 33m
English
In the last section, you used the display: block; property to turn the anchor element from an inline element to a block element. Using the display: inline; property, you can make lists operate inline, which means they'll display horizontally (see Example 10-13).
Example 10-13. Markup and CSS for a horizontal list navigation using color effects
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>working with style</title><style type="text/css">body {font: 14px Georgia, Times, serif; color: black; }ul#navlist {margin-left: 0; padding-left: 0; white-space: nowrap;} ...
Read now
Unlock full access