CSS HR

The HR (Horizontal Ruler) tag is a very helpful html element for dividing up sections of text in a page,One way to control HR is by using the available HTML attributes:

align : [ left, center and right ]
noshade : (solid line)
size : [ pixel value ] line height of the element
width : [ pixel or percentage value ] width of the element

example.

<hr noshade size="1" width="90%" align="center">

Not all browsers will interpret these attributes the same way, so the best way to get a consistent look is to use CSS.

width : [ pixel or percentage value ] specifies the width of the element
height : [ pixel value ] specifies the line height of the element
border : [ pixel value ] in this case it should be set to zero
color : [ hex value ] this describes the color of text within an element
background-color : [ hex value ] sets the background color for the current element
text-align : [ ]details how the element will be horizontally aligned.

CSS hr example.

hr {
border: 0;
color: #043;
background-color: #043;
height: 1px;
width: 100%;
text-align: left;
}