"tall" text is aligned in Figure 8-54.

Figure 8-54

Figure 8-54. Top-aligning text

What's happened here is that the top of the "tall" text's inline box is aligned with the top of the line box. Since the "tall" text has equal values for font-size and line-height, its content height and inline box are the same thing. However, consider this:

Saturday 18th of November 2017 04:52:43 PM

CSS Style Guide

XHTML Guidelines & Benefits

XHTML is the standard markup language for web documents and the successor to HTML 4. Library projects must be authored in structural XHTML 1.0 Transitional.

The following topics provide all the information you need to create well-formed XHTML pages that validate and are accessible, and/or to convert old HTML pages to valid, well-formed, accessible XHTML:

XHTML Guidelines
The rules of XHTML as compared to HTML — an easy transition
What is XML?
A brief introduction to the foundation of XHTML
XHTML Benefits
The benefits of converting from HTML to XHTML
XHTML Authoring Tips 'n Tools
Simplifying the work process—includes tips on using Dreamweaver
XHTML Accessibility Tips
Making sure your pages can be read
XHTML Validation
Keeping your markup kosher

Figure 7-27

Figure 7-27. Overlapping text in Explorer

It gets worse, unfortunately. If you apply margins to inline elements, as was discussed previously, you'll get results from Navigator 4.x like those shown in Figure 7-28.

Figure 7-28

Figure 7-28. Margins, inline elements, and Navigator 4.x

The style used to generate Figure 7-28 was as follows: