CSS & Cloud Tags

Discussion in 'CSS' started by balbalaa, Apr 21, 2009.

0
  1. #1
    Hello,

    I have created a div for tag cloud.

    The CSS I use is:

    #TagCloud
    {
    margin: 0px;
    text-align: justify;
    width: 200px;
    background: #ffffff;
    }

    #TagCloud ul
    {
    list-style: none;
    }

    #TagCloud li
    {
    display: inline;
    }

    Were the list of tags are in:

    <div id="TagCloud">
    <ul>
    <li>word_1</li>
    <li>word_2</li>
    ...
    <li>word_n</li>
    <ul>
    </div>

    For some reason, the text is not set as "inline" and the line is going out of the 200px div border.

    Does someone knows how that can be fixed?

    Thanks.
     
    balbalaa, Apr 21, 2009 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    The code you posted isn't valid (typo?). You aren't closing the list. But we don't know if it's like this on your actual page.

    Coming out of the div, it shouldn't do unless you have white-space: nowrap; on it.
     
    Stomme poes, Apr 24, 2009 IP
  3. balbalaa

    balbalaa Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    This was a typo. The actual page has </ul>.
    The big question is why it is coming out of the div :confused:.
     
    balbalaa, Apr 24, 2009 IP