In ASCII Art, I want something similar to the following:
My Section ------------------------------
It's just that I'd like that line to be done in CSS to fill the space automatically. I don't want them to actually be hyphens. I just want a visual line.
<html>
<div style='float:left'>My Section</div>
<hr>
</html>
If you'd like the line centered vertically to the text, you could do this:
<html>
<div style='float:left'>Hello </div>
<hr style='position:relative;top:8px'>
</html>
Something like this?
<h1 style="background-image:url(../images/middleline.jpg);"><span style="background-color:white;">My text</span></h1>
EDIT:
Also see this question.
here's a quick solution: make a span with width: 100% that's in the place where you want it and then set the border-bottom: 1px black solid;