add padding between text and underline

[Elemental]

Hey Folks, Quick ?? (This is just a personal / visual thing)I'm using H5 's as headings for several (6) documents, the headings are of different lengths, and they are underlined.My question: Is there a way to add padding between the text and the underline?I know by giving each a width and using the border property I can accomplish this but I was curious if there was a way of doing this without having to create 6 individual H5 stylesPeace,Elemental

[Synook]

No - the only way is with border-bottom. If you don't want the line to stretch all the way across, you can create a child inline element and apply the border to that instead.

[Elemental]

No - the only way is with border-bottom. If you don't want the line to stretch all the way across, you can create a child inline element and apply the border to that instead.

Synook, Thanks for the reply, much appreciated.I hate to ask but I'm not sure I get the child inline element scenario, here's my first h5, if it's not to much trouble could you perhaps give me a short example based on this?HTML:

<div id="internal-page-links"><div id="image-row-01"><!-- row 1 of 3 //--><div id="playing-with-wolves"><a href="playingwithwolves.php"><img src="images/playing-with-wolves.jpg" alt="" title="" /></a><h5>Playing With Wolves</h5><p></p></div>

Thank youPEace,Elemental

[Synook]

What I meant was something like:

h5 span {	border-bottom:1px solid #CCC;}

<h5><span>Text</span></h5>

[Elemental]

What I meant was something like:

h5 span {	border-bottom:1px solid #CCC;}

<h5><span>Text</span></h5>

Synook, THANK YOU, I understand now. I appreciate you taking the time to explain it to me.Peace,Elemental