Easy HTML Help
Horizontal Rule (HR) Lines
Home
The Basics
The Basics Continued
HR Lines
Lists
Tables
HTML Code Tester
Color Charts

The Horizontal Rule (HR) code adds a visual break in the web page, in the form of a line.
The HR code has different attributes to change the appearence of the line width, size and color.

ATTRIBUTE
 
SIZE
A number, the lower the number, the thinner the line.
See examples further down the page.
WIDTH
Can be a number in pixel or percent, if percent is used it must be in quotes.

COLOR

Can either be a color name or hex color.

ALIGN
Left, Right, or Center.

Examples of different HR codes.

Here is a HR that is 10% in size, no other attribute has been given.
Here is the code for the above HR line.

The following example will have all the attributes to the HR line.
This is the code for above line.
Click here for a color chart.

You are in total control when making HR lines, just change the attributes to your chosen numbers and colors and you will get your short or fat, colored line.

Here are more examples without codes but with the attributes used given.


SIZE=1, WIDTH="10%", ALIGN=left


SIZE=3, WIDTH="30%", ALIGN=left


SIZE=5, WIDTH="50%", ALIGN=left


SIZE=7, WIDTH="70%", ALIGN=left


SIZE=10, WIDTH="100%"

Go Back