mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-31 06:05:44 +00:00
82 lines
2.0 KiB
HTML
82 lines
2.0 KiB
HTML
<HTML>
|
|
<HEAD>
|
|
<STYLE type="text/css">
|
|
DIV {
|
|
margin: auto;
|
|
}
|
|
.inflow {
|
|
width: 75px;
|
|
height: 75px;
|
|
border: solid green 10px;
|
|
padding: 5px;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
font-size: 6pt;
|
|
}
|
|
.floater {
|
|
float: left;
|
|
width: 75px;
|
|
height: 75px;
|
|
border: solid green 10px;
|
|
padding: 5px;
|
|
margin-right: 1em;
|
|
text-align: center;
|
|
}
|
|
.fieldset {
|
|
display: inline;
|
|
height: 300px;
|
|
}
|
|
.legend {
|
|
display: inline;
|
|
height: 100px;
|
|
}
|
|
.button {
|
|
display: inline;
|
|
height: 200px;
|
|
width: 200px;
|
|
background-color: khaki;
|
|
}
|
|
</STYLE>
|
|
</HEAD>
|
|
<BODY>
|
|
Test out the affect of the CSS height property on an in-flow block:
|
|
<DIV CLASS=inflow>
|
|
This is an in-flow div.
|
|
This is an in-flow div.
|
|
This is an in-flow div.
|
|
This is an in-flow div.
|
|
This is an in-flow div.
|
|
</DIV>
|
|
<HR>
|
|
Test out the affect of the CSS height property on a floater:
|
|
<DIV CLASS=floater>
|
|
This is a floating div.
|
|
</DIV>
|
|
This is some text. It will be word wrapped because our container will
|
|
word wrap us. It will also be baseline aligned because our container
|
|
will do that too.
|
|
This is some text. It will be word wrapped because our container will
|
|
word wrap us. It will also be baseline aligned because our container
|
|
will do that too.
|
|
This is some text. It will be word wrapped because our container will
|
|
word wrap us. It will also be baseline aligned because our container
|
|
will do that too.<BR clear=all>
|
|
<HR>
|
|
Test out fieldset, legend, button and label shrinkwrapping and the height
|
|
property:
|
|
<BR>
|
|
<FORM METHOD="GET" ACTION="zzz.nowhere.zzz" NAME="searchform">
|
|
<FIELDSET CLASS=fieldset>
|
|
<LEGEND align=left CLASS=legend> Find it <b>Fast</b> </LEGEND>
|
|
<INPUT type=text value=travel NAME="p" SIZE=15 MAXLENGTH=80>
|
|
<INPUT type=submit value="GO">
|
|
</FIELDSET>
|
|
<BR>
|
|
<BUTTON CLASS=button>
|
|
Boink on <B>This!</B>
|
|
</BUTTON>
|
|
<BR>
|
|
</FORM>
|
|
</BODY>
|
|
</HTML>
|