On 1/31/14, 7:13 AM, Rod Castello wrote:
John,
Here's a pseudo fix. I wrapped a div around each <li>.
[...]
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
Wouldn't this do the trick?
ul a{
display: block; /* <- Add this */
text-decoration:none;
border-bottom:1px dotted rgb(0,0,0);
}
--
Cordially,
David
______________________________________________________________________
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/
