John,
Here's a pseudo fix. I wrapped a div around each <li>.
This will give you an equal length for the underline, but it's not
determined by the longest text line, it's a length you have to set.
CSS
<style type="text/css">
ul a{
text-decoration:none;
/* border-bottom:1px dotted rgb(0,0,0); */
}
.length {
width: 320px;
border-bottom: 1px dotted rgb(0,0,0);;
}
</style>
</head>
HTML
<ul>
<li><div class="length"><a href="#">peas</a></div></li>
<li><div class="length"><a href="#">Triskaidekaphobia</a></div>
<li><div class="length"><a href="#">The Rain in Spain stays Mainly in the
Plain</a></div></li>
</ul>
-------------------------
Rod Castello
On Fri, Jan 31, 2014 at 6:42 AM, John Johnson <[email protected]> wrote:
> in a ul/li set of links/nav, is it possible to make all of the
> border-bottoms of equal length, regardless of how long the linked word(s)
> are?
>
> Example:
>
> HTML:
> <ul>
> <li><a href="#">peas</a></i>
> <li><a href="#">Triskaidekaphobia</a></i>
> <li><a href="#">The Rain in Spain stays Mainly in the
> Plain</a></li>
> <li></li>
> </ul>
>
> CSS:
> ul a{
> text-decoration:none;
> border-bottom:1px dotted rgb(0,0,0);
> }
>
> So, the border-bottom would have to be as long as the longest thing, so
> all would need to be that long.
>
> Possible to do this?
>
> thank you!
>
> John
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
