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


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
							<rml>
<head>
<title>display/box/float/clear test</title>
<link type="text/rcss" href="../style.rcss"/>
<link rel="source" href="https://www.w3.org/Style/CSS/Test/CSS1/current/test5526c.htm" />
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#clear" />
<link rel="reference" href="https://www.w3.org/Style/CSS/Test/CSS1/current/sec5526c.gif" />
<meta name="description" content="This is the ACID1 test. Some minor modifications have been applied such as matching fonts and borders to the RmlUi syntax." />
<style type="text/css">
/* RmlUi does not accept styling of the html/rml element, they have been moved into body. */
body {
	font-size: 10dp;
	line-height: 1;
	color: white;
	margin: 1.5em;
	border: .5em black;
	padding: 0;
	width: 48em;
	background-color: white;
	bottom: auto;
}

dl {
	margin: 0;
	border: 0;
	padding: .5em;
}

dt {
	background-color: rgb(204, 0, 0);
	margin: 0;
	padding: 1em;
	width: 10.638%; /* refers to parent element's width of 47em. = 5em or 50dp */
	height: 28em;
	border: .5em black;
	float: left;
}

dd {
	float: right;
	margin: 0 0 0 1em;
	border: 1em black;
	padding: 1em;
	width: 34em;
	height: 27em;
}

ul {
	margin: 0;
	border: 0;
	padding: 0;
}

li {
	display: block; /* i.e., suppress marker */
	color: black;
	height: 9em;
	width: 5em;
	margin: 0;
	border: .5em black;
	padding: 1em;
	float: left;
	background-color: #FC0;
}

#bar {
	background-color: black;
	color: white;
	width: 41.17%; /* = 14em */
	border: 0;
	margin: 0 1em;
}

#baz {
	margin: 1em 0;
	border: 0;
	padding: 1em;
	width: 10em;
	height: 10em;
	background-color: black;
	color: white;
}

form {
	margin: 0;
	display: inline;
}

p {
	margin: 0;
}

form p {
	line-height: 1.9;
}

blockquote {
	margin: 1em 1em 1em 2em;
	border-width: 1em 1.5em 2em .5em;
	border-color: black;
	padding: 1em 0;
	width: 5em;
	height: 9em;
	float: left;
	background-color: #FC0;
	color: black;
}

address {
	font-style: normal;
}

h1 {
	background-color: black;
	color: white;
	float: left;
	margin: 1em 0;
	border: 0;
	padding: 1em;
	width: 10em;
	height: 10em;
	font-weight: normal;
	font-size: 1em;
}
</style>
</head>
<body>
	<dl>
		<dt>
			toggle
		</dt>
		<dd>
		<ul>
			<li>
				the way
			</li>
			<li id="bar">
			<p>
				the world ends
			</p>
			<form action="./" method="get">
				<p>
					bang
				<input type="radio" name="foo" value="off"/>
				</p>
				<p>
					whimper
				<input type="radio" name="foo2" value="on"/>
				</p>
			</form>
			</li>
			<li>
				i grow old
			</li>
			<li id="baz">
				pluot?
			</li>
		</ul>
		<blockquote>
			<address>
				bar maids,
			</address>
		</blockquote>
		<h1>
			sing to me, erbarme dich
		</h1>
		</dd>
	</dl>
	<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
		This is a nonsensical document, but syntactically valid HTML 4.0. All 100%-conformant CSS1 agents should be able to render the document elements above this paragraph indistinguishably (to the pixel) from this
		<a href="sec5526c.gif">reference rendering,</a>
		(except font rasterization and form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings. Once you have finished evaluating this test, you can return to the <a href="sec5526c.htm">parent page</a>.
	</p>
</body>
</rml>