<ul> <li> links and spacing

Discussion in 'HTML' started by Larz, May 27, 2009.

  1. Larz

    Larz Guest

    Using a navigation bar styled with <ul><li> type links at the top. The
    problem is I want to place a link or two to the far right such as a
    logout link and an account link, the other links would be more to the
    left. How can I style an individual <li> tag to push to the far right,
    or what is the best easiest approach for that ?

    Using a template something like this:

    Larz, May 27, 2009
    1. Advertisements

  2. Larz

    C A Upsdell Guest

    C A Upsdell, May 27, 2009
    1. Advertisements

  3. Larz

    dorayme Guest

    In that particular URL, you could, for example, move one of the links to
    the far right by adding to the CSS after:

    div.nav ul li {


    div.nav ul li#contact {float:right;}

    (I'd be careful of this 'template'... but that is another matter)
    dorayme, May 27, 2009
  4. Larz

    dorayme Guest

    and, of course, you will need to add to your HTML

    <li id="contact">

    You can also use class:

    div.nav ul li.contact {float:right;}


    <li class="contact">
    dorayme, May 27, 2009
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.