Hi,
give border for <a>, not for li
a {
display: block;
border-right: 1px solid #fff;
}
because of display: block for <a>, <a> will get width: 100% automatically;
and you can give height for <a> or padding, to style that, if you need.
and li don't need display: inline,
because display default value for <li> is inline.
Kata
Rory Bernstein wrote:
> Hello,
>
> http://dev.bossyfrog.com/
>
> I have a blue, horizontal nav bar on my site, the URL is above. You will see
> that there are white borders that separate the items on the nav bar. They are
> coded as an unordered list. The rule for the border is included in this style
> info below:
>
> .nav li {
> border-right:1px solid #FFFFFF;
> color:#FFFFFF;
> display:inline;
> font-family:Verdana,Geneva,sans-serif;
> font-size:1em;
> margin:0;
> padding:0 10px;
> }
>
> I want the borders to be centered vertically, in line with the text-images.
> How can I move those borders up so that they line up correctly?
>
> Thanks!
> Rory
>
> --------------------------
>
> Rory Bernstein : Web Developer
> [email protected]
> http://www.rorybernstein.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/
>
______________________________________________________________________
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/
