Block Box in Block Box ...

by "John" <johnmoz(at)ozemail.com.au>

Date:	Sat, 14 Jun 2003 17:16:07 +1000
To:	<hwg-techniques(at)hwg.org>
	todo: View Thread, Original

Read this:

http://www.w3.org/TR/REC-CSS2/visuren.html#anonymous-block-level

Load this into your browser:

<html>
<head>
<style type="text/css">
<!--
div.one{
background-color: "#ffcc00";
}
div.two{
background-color: "#cccccc";
}
span.a{
background-color: "#cc0000";
}
span.b{
background-color: "#0000cc";
}
-->
</style>
</head>
<body>
<div class="one">
<span class="a">This</span>
<span class="b">This</span>
<div>This make all block?</div>
</div>
<div class="two">Two</div>
</body>
</html>

I expected that with "<div>This make all block?</div>" gone the two spans
would remain on same line but with it added [as per the listing above], and
having read above included ref link, that the two spans wouldn't appear on
the same line.

What don't I know?

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA