3.9. THE VERTICAL ALIGN AND TEXT ALIGN PROPERTIES
41
element. These can be expressed as lengths or as percentages of the parent
elements width. You can express a single distance for the padding of all four
sides (top, right, bottom, left) as
first example
Or you can specify a separate padding for each, in the order top, right, bottom,
left.
second example
The margins are specified in the same way:
first example
second example
3.9
The vertical align and text align Proper
ties
The horizontal alignment can be specified to be one of the following left,
right, center, justify. For example, a centered heading is specifed by
font: bold 24pt sans serif">Greetings
Finally, the vertical alignment of an HTML element can be specified to be one
of baseline, sub, super, top, text top, middle, bottom, text bottom or a
percentage (which is relative to the interline width and can be negative for
lowering an element). For example, you can lower an image by
3.10
Other CSS Capabilities
There are several more CSS properties (especially having to do with text, para
graph indenting, etc.), but these are the most common ones.
3.11
Using CSS via the Class attribute
In this section we show how to give names to styles in the head element of a
webpage. This allows you to define the style once and then use it many places.
There are three ways of naming a style. You can either assign the style to an
entire html tag (e.g. p) in which case it is applied whenever that tag appears.
Or you can can give it a class name that can be used with any tag. The NAME in
this case should start with a period (.) as in .toocool. Finally, you can name
the style with both an HTML tag and a class name, as in p.toocool. In case
