cpp
/
RmlUi
mirror of https://github.com/mikke89/RmlUi.git


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
							<rml>
<head>
<title>CSS1 Test Suite: 5.5.26 clear</title>
<link type="text/rcss" href="../style.rcss"/>
<link rel="source" href="https://www.w3.org/Style/CSS/Test/CSS1/current/sec5526.htm"/>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#clear"/>
<meta name="description" content="Basic CSS1 test of the 'clear' property." />
<style type="text/css">
@spritesheet theme 
{
	src: /assets/invader.tga;
	vblank.gif: 68px 158px  9px 30px;
}

.one {clear: left;}
.two {clear: right;}
.three {clear: both;}
.four {clear: none;}
</style>
</head>

<body>
<img sprite="vblank.gif" height="50" style="float: left" alt="[Image]"/>
<p>
This text should be flowing past a tall orange rectangle on the left side of the browser window.
</p>
<hr/>
<img sprite="vblank.gif" height="50" style="float: left" alt="[Image]"/>
<p class="one">
This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it. 
</p>
<hr/>
<img sprite="vblank.gif" height="50" style="float: right" alt="[Image]"/>
<p class="two">
This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it. 
</p>
<hr/>
<img sprite="vblank.gif" height="50" style="float: left" alt="[Image]"/>
<img sprite="vblank.gif" height="50" style="float: right" alt="[Image]"/>
<p class="three">
This paragraph should appear below the two tall orange rectangles, and not flow between them. 
</p>
<img sprite="vblank.gif" height="50" style="float: left" alt="[Image]"/>
<img sprite="vblank.gif" height="50" style="float: right" alt="[Image]"/>
<p class="four">
This paragraph should be between both tall orange rectangles.
</p>
<hr/>
</body>
</rml>