Let’s put what we know to use now and format a document with CSS. XHTML is a good place to start, so let’s take the document in Example 3-4. To maximize the possibilities for formatting it, we should add some structure with div elements, and use span elements to increase the granularity of inlines. Example 5-1 is the improved result.

Example 5-1. An XHTML document with DIVs and SPANs
<html> <head> <title>CAT(1) System General Commands Manual</title> <link rel="stylesheet" type="text/css" href="style1.css" /> </head> <body> <h1>CAT(1) System General Commands Manual</h1> <div class="section"> <h2>NAME</h2> <p>cat - concatenate and print files</p> </div> <div class="section"> <h2>SYNOPSIS</h2> <p class="code">cat [-benstuv] [-] [<em>file</em>...]</p> </div> <div class="section"> <h2>DESCRIPTION</h2> <p> The <span class="command">cat</span> utility reads files sequentially, writing them to the standard output. The file operands are processed in command line order. A single dash represents the standard input. </p> <p> The options are as follows: </p> <dl> <dt><span class="option">-b</span></dt> <dd> Implies the <span class="option">-n</span> option but doesn't number blank lines. </dd> <dt><span class="option">-e</span></dt> <dd> Implies the <span class="option">-v</span> option, and displays a dollar sign (<span class="symbol">$</span>) at the end of each line as well. </dd> <dt><span class="option">-n</span></dt> <dd>Number the output lines, starting at 1.</dd> <dt><span class="option">-s</span></dt> ...

Get Learning XML, 2nd Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.