Как выводить строки разной длины?

<td width="100" valign="top">
<div style="position:absolute;">
<div onmouseover="showHint('hint6');" onmouseout="hideHint('hint6');" style="padding:5px;">
HTML...
</div>
<div id="hint6" style="width:600px; position:absolute; left:0; top:5px; visibility: hidden; z-index: 99;">
<span style="padding:5px; background-color: #98FB98">HTML - Язык разметки гипертекста</span>
</div>
</div>
</td>
<script type="text/javascript" language="JavaScript">
<!--
function showHint(id)
{
var e;
try
{
var a=document.getElementById(id).style;
a.visibility="visible";
}
catch (e)
{
}
}

function hideHint(id)
{
var e;
try
{
var a=document.getElementById(id).style;
a.visibility="hidden";
}
catch (e)
{
}
}
//-->
</script>