Try
nav { position:relative; padding-right: 30px;}
nav a.rightitem { postition: absolute; right: 0; }
Make sure the padding-right on nav is sufficient.
Regards,
Chetan Crasta
On Sat, Jul 23, 2011 at 6:29 PM, Koen van der Drift <
koenvanderdr...@gmail.com> wrote:
> Hi,
>
> I have a working nab bar and want to move the right most item all the way
> to the right. I tried the following:
>
> <nav>
> <ul>
> <li>…. [insert links here]
> <li><a href="../rightlink.html"
> class="rightitem">allright</a></li>
> </ul>
> </nav>
>
> nav ul
> {
> margin: 0; /* reset */
> padding: 0; /* reset */
> list-style-type: none; /* no bullets */
> overflow: hidden;
> }
>
> nav li
> {
> display: inline;
> float: left;
> }
>
>
> nav a.rightitem
> {
> float: right;
> }
>
>
>
> But that doesn't do what I am looking for.
>
> Any suggestions?
>
> Thanks,
>
> - Koen.
> ______________________________________________________________________
> 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/
