On Fri, Jan 31, 2014 at 10:13 AM, Rod Castello <[email protected]> wrote: > 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 > >
Going this route, could you not just apply the width to the <li>s and avoid the extra element? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ______________________________________________________________________ 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/
