Display Inline help

Discussion in 'CSS' started by rowen77, Apr 1, 2009.

  1. #1
    Hi I have a Footer that im making

    It has an unordered list of a network of websites I'm making

    I want the ul of websites to display INLINE

    Not sure how to make the code

    Any help much appreciated
     
    rowen77, Apr 1, 2009 IP
  2. fex

    fex Peon

    Messages:
    89
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi rowen,

    If I understand it correctly you just want them to line up.. Here's how.

    HTML:
    <ul id="site">
    <li><a href="">Website #1</a></li>
    <li><a href="">Website #2</a></li>
    <li><a href="">Website #3</a></li>
    </ul>
    Code (markup):
    CSS: (play with the margin-right to seperate your elements)
    #site li{
        display: inline;
        margin-right: 5px;
    }
    Code (markup):
    Hope that's what ur looking for ;)
     
    fex, Apr 1, 2009 IP
  3. rowen77

    rowen77 Peon

    Messages:
    264
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thank you !:cool:
     
    rowen77, Apr 1, 2009 IP