By CSS-Tricks
You may know this classic style very well.
This is a big old really long link
Here is an alternative way.
This is a big old really long link
This style is achieved just by a background image.
Here is the code:
a {
text-decoration: none;
background: url(link-line.gif) repeat-x 0 100%;
padding-bottom: 1px;
}
Giving the background position of x:0 and y:100% places the background image at the bottom of the text and by setting the padding-bottom to 1px, we make the distance between the text and the background image 1px.
Maybe it is not a big deal but it is surely an alternative way.
Here is another alternative way, using the image for some extra styling.
This is a long long link, super cala fragilistic expialidocious