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 <j...@coffeeonmars.com> 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 [css-d@lists.css-discuss.org] > 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 [css-d@lists.css-discuss.org] 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/