untitled

(John Hannent) #1
</style>
</head>
<body>

<h1>
This Is the H1 Style
With the Line Space Default
</h1>

<br>
<br>

<h1 class=”narrowed”>
This Is Our Superior H1 Style
With the Lines Closer Together
</h1>

</body>
</html>

As you can see in Figure 5-9, the adjusted line-height at the bottom of the
browser is better looking than the default at the top. Newspapers and maga-
zines, not to mention TV, billboards, and other media, almost always tighten
the line spacing in their headlines. It simply looks better than leaving unnec-
essary white space floating in between the lines.

Kerning — adjusting the spacing between the individual letters in a headline —
is also a common way to add visual appeal to text displayed in large font sizes.
You see how to accomplish kerning in Chapter 7. Chapter 7 also covers
several additional text management properties that relate to positioning:
word-spacing, text-indent, indentation, and vertical-align.

Figure 5-9:
The
modified
line spacing
on the
bottom
looks better
and is more
typical of
contempor-
ary headline
style.

102 Part II: Looking Good with CSS

Free download pdf