This browser does not support basic Web standards, preventing the display of our site's intended design. May we suggest that you upgrade your browser?

Web Publishing

Horizontal Line Options

The horizontal line is popular for Web documents. This document gives examples of the five basic horizontal line attributes. These attributes control the appearance of lines. Topics include:

The basic horizontal line looks like this:


return to topWidth

Width can be expressed as a number of pixels or as a percentage of the entire page width.

Width=25%


Width=50%


Width=75%


return to topHeight

Height is expressed as a whole number (in pixels) which controls the thickness of the line.

Height = 1


Height = 3


Height = 5


return to topAlignment

Alignment places a line, which is less than 100% in width, on the page. You can align it with the left or right margin. The default is a centered alignment.

Aligned left


Aligned right


return to topShading

Shading gives your line depth, or a three-dimensional appearance. The default is a shaded line.

Shaded line (default)


Line without shade <HR SIZE=5 NOSHADE>


return to topCombining Options

As you can see, combining some or all of the width, size, alignment, and shading attributes gives you many options for the use of lines on your page.

Width = 50%, Height = 5, Alignment = Left, Solid line (no shading)


Width = 50%, Height = 3, Alignment = Right


Excellence. Our Measure. Our Motto. Our Goal.