Headline

Test D

The acidic float test suite is part of the article On having layout.

/* Additional styles used in this test */ 

#header { height: 7em; }
 
#header { overflow: hidden; }

/* General styles for this test suite */
 
#wrapper {
	width: 98%;
	margin: 2px auto 0 auto;
	border: 1px dotted #d0d0d0;
	}

#header {
	width: 85%;
	border: 5px solid #00f;
	}

#logo {
	float: left;
	width: 100px;
	height: 15em;
	color: #000; 
	border: 4px solid #ee0;
	background: url(bg.gif);
	}
	
h1, h2 {
	color: #f0f0f0;
	font-weight: normal;
	background: #6c8; 
	}

h1 { 
	margin: 1em 0;
	font-size: 2em;
	}

h2 {
	width: 75%; 
	margin: 1em 0 0 0;
	font-size: 1.5em;
	}

p {	margin: 0.5em 0 0 0; }
	
.clear {
	clear: both;
	background: #555;
	}

<!-- Markup for this test suite -->

<div id="wrapper">
    <div id="header">
        <div id="logo">Logo</div>
        <h1>Headline</h1>
    </div>
    <h2>Subhead</h2>
    <p class="clear">clear</p>
</div>