The first section uses
<hr width="#" align="left">
to create the standard "horizontal rule" lines,
and images to create colored "lines", using
<img src="url" width="#" height="3" align="left"> . See below.
The second section does not use align="left",
and the lines and images are centered there. See below.
The first two lines below are width="544" and are aligned to the left.
The two lines above are width="526" and are aligned to the left.
And using just the colored lines:
the top line has a width="544",
and the bottom line has a width="526".
More below:
In the next set of lines, the top line is a width of 544
and the lines below it reduce in size
by 1 pixel for each line.
All lines have been aligned to the left, and
having no text in between the lines allows the
differing widths to show up a bit better.
The last line above is width="526".
The line below is width="544".
In the next set of lines, all lines have been aligned to the left,
and having no text in between the lines allows
the differing widths to show up a bit better.
The first line below is width="50%",
and the next line is width="272",
and the lines below it reduce in size
by 1 pixel for each line.
In the set of lines above,
the bottom line is width="263".