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

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

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

LEARN BASIC HTML

Click Here To Preview

THE INCOME CODE

Click Here To Preview

UNLIMITED DOMAINS | UNLIMITED SPACE | UNLIMITED TRANSFERS

Creating Free Articles And Website Content - Free Articles Directory

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