Hello Friends,

    This is a good way to create a Automatic Re sizable Underlines through "JavaScript" and "CSS". The code is given below for that issue.

 JavaScript Code:

window.onload = function()
{
var el = document.getElementById("a2");
var dup = el.cloneNode(true);
dup.id = “a1”;
el.parentNode.appendChild(dup);
}

 Css code :

body {background-color:#FFF;}
p { width:300px; position:relative; text-align:justify; }
span#a1 { color:#FFF; border-bottom:1px solid black; }
span#a1 a { color:#FFF; }
span#a2 { position:absolute; left:0; top:0; text-align:left;}

HTML Code :

<p><span id="a2">Paragraph waffle here.</span></p>