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.