Bottom border width

[jimz]

Hi,

Im using this code:

h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 180%;
border-bottom: dotted;
font-weight:100;
width: 110px;
}

to display a heading with a dotted border underneath similar to this

Heading
.....................

But, I can't get the border to be the same length as the text.
I've tried auto and inherit values but it dosen't seem to work.
How can you do this without setting a predfined width?

Thanks!
Jim.

[Corey Bryant]

You might consider apply the border-bottom to a span tag and enclosing it that way.

[herkalees]

That will work, which the code will be:

<h1><span class="headerstyle">Header Text</span></h1>

h1 .headerstyle {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 180%;
border-bottom: 1px dotted #000;
font-weight:100;
}