Hyperlink with same width underline
<div class="underlined"><a href="#">blah1</a></div>
<div class="underlined"><a href="#">blah1 asdfdf adfefef</a></div>

a:hover {
     text-decoration: none;
}
a {
     text-decoration: none;
}
.underlined{
    margin-bottom: 1px;
}
.underlined:hover
{
    margin-bottom: 0px;
    border-bottom: 1px solid black;
    width: 200px;
}

a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}