Head First HTML with CSS

Fixing the nesting problem
So it looks like strict HTML 4.01 prefers that images, which are
inline elements, be nested inside a block element, like a paragraph or
a heading. That’s a simple change to make. Open your “lounge.html”
file and add a element around the element.
standards, compliance, and all that jazz
Head First Lounge
Welcome to the New and Improved Head First Lounge
Join us any evening for refreshing
elixirs,
conversation and maybe a game or two
of Dance Dance Revolution.
Wireless access is always provided;
BYOWS (Bring Your Own Web Server).
Directions
You’ll find us right in the center of downtown
Webville. If you need help finding us, check out our
detailed directions.
Come join us!
Once you’ve done that, save and reload the page in your
browser. You’ll see it doesn’t really affect the look of the page.
Why? Because the heading above the image and the paragraph
below are already block elements with linebreaks below and
above them, respectively. So the element around the image
doesn’t actually add any new linebreaks or spacing.
Now, the image “drinks.gif” is safely
nested inside a element.
All our other inline elements,
like and , are already
inside block elements - these
paragraphs.
you are here 249