Forum Moderators: open
You will have to adjust width if you want it wider or narrower.
<html>
<body>
<style>
#lefthr {
position: absolute;
left: 0px;
top 10px;
width: 400px;
}
#righthr {
position: absolute;
left: 400px;
top 10px;
width: 400px;
}
</style>
<div id="lefthr"><hr></div>
<div id="righthr"><hr></div>
</body>
</html>
A 1 pixel by 500 pixel graphic only takes up about 900 bytes in GIF format.
The best thing about this solution that it will work in text readers as well. It just won't be colored.
<hr style="display: inline; width:50%; margin: 0; color: blue;"><hr style="display: inline; width:50%; margin: 0; color: green;">? I've not tested it though.
