gecko/layout/html/tests/block/bugs/18445_2.html

29 lines
1.0 KiB
HTML
Raw Normal View History

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html><head>
<title>Mozilla Tests: Styled Widgets Eleven</title>
<style type="text/css">
div.right, div.left { width: 100px; height: 1000px; background: green; color: white; }
div.left { float: left; width: 50px;} div.right { float: right; }
.center, input { display: block; margin: auto; width: 300px; }
input.left { margin-left: 0; } input.right { margin-right: 0; }
p { margin: auto; background: yellow; border: 1px solid black; width:30px; height: 100px; }
div { padding: 5px; border: solid; }
</style>
</head><body>
<div>
<div class="left">left</div>
<div class="right">right</div>
<input type="text">
<select name=select2 id=select1 size=1 style="display:block; margin:auto;">
<option>option 1</option>
</select>
<textarea style="display:block; margin:auto;">
here is the text
</textarea>
<p></p>
<img width=30 height=30 style="display:block; margin: auto; border: 1px solid black;">
text in the outer div
</div>
</body></html>