HTML and CSS Reference
In-Depth Information
Step three: Styling the span s
Before we move on, save the file and reload it in your browser. Like a
<div>
, by default a
<span>
has no effect on style, so you should see no changes.
Now let's add some style. Add these two rules to the bottom of your “lounge.css” file:
F
or CDs, we'll make
t
he font style italic.
.cd {
font-style: italic;
}
.artist {
font-weight: bold;
}
Test driving the spans
That's it. Save and reload. Here's what you'll see:
Nice job. This next
one's for you.