Creating A Div Clear

Creating a Div Clear sets an invisible horizontal rule or line for starting a new section of content on your web page.

How to Create a Div Clear

Creating A Div Clear

There are different ways to create a div clear in order to set an invisible horizontal rule for starting a new section of content.

1. Creating div clear in css

The css syntax is as follows...

div.clear {
clear: both;
width: 100%;
height: 1px;
}

You will need to place this in your CSS file.

Furthermore, you will need to place the following code in your html page above and below your new section of content: <div class="clear"></div>

2. Creating a div clear as an inline style

You can use inline styles in your page as follows: <div style="clear:both"></div>

The style clear:both stands on it own, however, you will need to terminate it with a semi-colon if you choose to add another style.

For example: <div style="clear:both; color:red;"></div>

3. Creating a div clear as a defined style

Adobe Dreamweaver CS5

The style syntax is as follows...

<style type="text/css">
.divclear {
clear:both;
}
</style>

You will need to place the style file reference (above code) within either the header or body tags.

You will need to place the below code straight into your html page above and below your new section of content.

<div class="div.clear"></div>

Creating a div clear was written by the webmaster of www.free-website-design-software.com






Creating Free Articles And Website Content - Free Articles Directory

Designed by www.jc-website-designs.com with Adobe Dreamweaver



Homepage | Free Business Articles | Free Computer Articles | Free Educational Articles | Free Entertainment Articles
Free Health Articles | Free Hobbies Articles | Free Internet Articles | Free Religious Articles
Free Technology Articles | Free Travel Articles | Free Weight Loss Articles
Free Writing Articles | Free Website Design Software
Free Website Keyword Tools | Terms of Use


Return to top