Head First HTML with CSS

using a border instead of an underline
Removing the underline...
Let’s get rid of that confusing underline and instead add
a nice bottom border like we did in the Lounge. To do
that, open your “journal.css” file and make these changes
to the combined “h1, h2” rule:
h1, h2 {
font-weight: normal;
color: #cc6600;
border-bottom: thin dotted #888888;
text-decoration: underline;
}
And here’s how our new “underline” looks.
Definitely more stylish and less confusing
than a text decoration underline.
378 Chapter 9
Now we’ve got borders under the
and element, not underlines.
Notice that borders extend all the way
to the end of the page, rather than
just under the text. Why? You’ll find
out in the next chapter.
Add a border on the bottom of the and
elements. You can almost read this like
English: “add a thin, dotted line with the
color #888888 on the bottom border”...
... In the next chapter we are going to go into
borders in detail. Hang on, we’re almost there!
Delete the text decoration.