pcwalton · July 30, 2020 16:59
diff --git a/floats2.html b/floats2.html
 <!DOCTYPE html>
 <html>
 <style>
 body {
    font-size: 18px;
 }
 #a {
    float: left;
    width: 64px;
    height: 32px;
    background: firebrick;
 }
 #b {
    float: left;
    clear: left;
    width: 128px;
    height: 32px;
    background: slateblue;
 }
 .tall {
    font-size: 64px;
 }
 </style>
 <body>
 <div id=a></div>
 <div id=b></div>
 Lorem ipsum dolor sit amet, <span class=tall>consectetur</span> adipiscing elit. Quisque efficitur augue eu risus
 fermentum interdum. Suspendisse pretium, tortor ut mollis dictum, massa nulla convallis ipsum,
 sit amet blandit libero mauris eu sem. Sed luctus nisl odio, ac aliquam augue sagittis a.
 Pellentesque consequat libero vitae feugiat egestas. Donec pretium id nulla vel porttitor. Donec
 molestie massa mi, vitae accumsan mi lobortis a. Nam tristique erat nisi, pharetra molestie arcu
 venenatis et. Sed at convallis lorem. Sed placerat massa non felis imperdiet accumsan. Aenean
 venenatis libero in ipsum vulputate, vitae lobortis metus auctor. Nam id blandit tellus. Aenean
 a pellentesque odio, nec commodo ligula.

 Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed porta convallis sem et ornare.
 Nunc ultrices iaculis rhoncus. Maecenas consequat, justo eget imperdiet vulputate, nisl metus
 fringilla ligula, a rutrum turpis turpis id mi. Etiam fringilla vulputate libero non pharetra.
 Pellentesque semper libero sed vulputate pharetra. Proin quis arcu est. Integer tristique
 elementum metus, in consequat nisi cursus nec. Fusce finibus diam rutrum magna blandit feugiat.
 Nam pharetra mauris ornare, commodo orci nec, convallis massa. In ac dui eu risus tempor tempor
 at non leo. Vivamus risus dolor, ullamcorper vel aliquam at, volutpat et leo. Mauris sit amet
 nisi tortor. Sed id neque non diam elementum dignissim. Cras pellentesque ultrices risus.
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<style>
	body {
	font-size: 18px;
	}
	#a {
	float: left;
	width: 64px;
	height: 32px;
	background: firebrick;
	}
	#b {
	float: left;
	clear: left;
	width: 128px;
	height: 32px;
	background: slateblue;
	}
	.tall {
	font-size: 64px;
	}
	</style>
	<body>
	<div id=a></div>
	<div id=b></div>
	Lorem ipsum dolor sit amet, <span class=tall>consectetur</span> adipiscing elit. Quisque efficitur augue eu risus
	fermentum interdum. Suspendisse pretium, tortor ut mollis dictum, massa nulla convallis ipsum,
	sit amet blandit libero mauris eu sem. Sed luctus nisl odio, ac aliquam augue sagittis a.
	Pellentesque consequat libero vitae feugiat egestas. Donec pretium id nulla vel porttitor. Donec
	molestie massa mi, vitae accumsan mi lobortis a. Nam tristique erat nisi, pharetra molestie arcu
	venenatis et. Sed at convallis lorem. Sed placerat massa non felis imperdiet accumsan. Aenean
	venenatis libero in ipsum vulputate, vitae lobortis metus auctor. Nam id blandit tellus. Aenean
	a pellentesque odio, nec commodo ligula.

	Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed porta convallis sem et ornare.
	Nunc ultrices iaculis rhoncus. Maecenas consequat, justo eget imperdiet vulputate, nisl metus
	fringilla ligula, a rutrum turpis turpis id mi. Etiam fringilla vulputate libero non pharetra.
	Pellentesque semper libero sed vulputate pharetra. Proin quis arcu est. Integer tristique
	elementum metus, in consequat nisi cursus nec. Fusce finibus diam rutrum magna blandit feugiat.
	Nam pharetra mauris ornare, commodo orci nec, convallis massa. In ac dui eu risus tempor tempor
	at non leo. Vivamus risus dolor, ullamcorper vel aliquam at, volutpat et leo. Mauris sit amet
	nisi tortor. Sed id neque non diam elementum dignissim. Cras pellentesque ultrices risus.
	</body>
	</html>