Domainmonster.com Glossary

Please select the glossary subject area you require

If you require further assistance please contact our customer support team.

CSS Glossary

Example CSS how to use the float element to create a homepage with a header, footer, left content and main content with out the use of tables.

Example CSS:

div.container {width:100%; margin:0px; border:1px solid gray; line-height:150%;}
div.header,div.footer {padding:0.5em; color:white; background-color:gray; clear:left; }
h1.header {padding:0; margin:0; }
div.left {float:left; width:160px; margin:0; padding:1em; }
div.content {margin-left:190px; border-left:1px solid gray; padding:1em; }

Example HTML:

<div class="container">
<div class="header"><h1 class="header">Yourdomain.com</h1></div>
<div class="left"><p>"Example text content. Example text content. Example text content.</p></div>
<div class="content"><h2>Example Sub Heading</h2>
<p>Example text content. Example text content. Example text content.</p>
<p>Example text content. Example text content. Example text content.</p></div>
<div class="footer">Example footer text content.</div>
</div>

Example:

Example text content. Example text content. Example text content.

Example text content. Example text content. Example text content. Example text content.

Example text content. Example text content.

CSS Classification - Classification Element Display Float Property Image Border & Margin - Float Right Image & Caption Floated Right First Letter Of A Paragraph Floated Left With Style
Horizontal Menu Page Without Tables Position Relative Position Absolute Invisible Element Cursor Change