[resolved] Reverse Ordered list with space (6 posts)

  1. GlitchQueen
    Posted 4 years ago #


    Trying to make a top 10 reverse list. I am currently using this code:

    	<li value="10">Item...Text
            <li value="9">Item...Text
            <li value="8">Item...Text
            <li value="7">Item...Text

    and so on. The list seems to be working fine, however, I want to place a line break between each list item. At first I tried inserting a <br> between lists which worked but every time I would look at it in Visual text then revert back to html, it would remove the .

    Then, I tried placing the list items in <p> but the same thing happened.

    What would be the proper code to place in my post in order to get a reverse ordered list with line break?

    Thank you

  2. elseloop
    Posted 4 years ago #

    Hi, GlitchQueen—

    Are the li tags closed? That is, do they read <li value="10">Item...Text</li>, with the </li> at the end? The closing tags aren't in the code posted above, but maybe they got cut off when you pasted it in.

    List items are block-level elements, meaning each one should fill the full space of its containing element (like a paragraph would) and therefore give you the line breaks you want by default. If the <li> tags are closed and you're still not seeing line-breaks, it probably means the CSS on the site is affecting the way list items are displayed. If you post a link to the site, we can be more specific (ie, more helpful ;-) ).

    Hope this helps.

  3. GlitchQueen
    Posted 4 years ago #

    Hey elseloop,

    First off, thanks for replying! Yes, the closing tags are indeed there. That's why I am so confused...

    Here is my site: http://www.voiceofvie.com/

    I published the post I want to fix...it looks pretty chaotic now without the proper coding so the display won't be a pretty site:-)

    I also want to add images under the names but I am worried this will mess even more with the display which kinda took a life of its own now...

  4. GlitchQueen
    Posted 4 years ago #

    Sorry, the post is entitled Favorite TV/Film Female Hero, here is the link: http://www.voiceofvie.com/2012/01/19/favorite-tvfilm-female-hero/

  5. elseloop
    Posted 4 years ago #

    It looks like you fixed it? It's displaying properly for me at the link you posted second. Here's what I'm seeing: https://skitch.com/m3dw4y/g4gne/list

    (Also, glad to see Buffy at the top of the list. As it should be, always.)

  6. GlitchQueen
    Posted 4 years ago #

    Finally, I solved it, it did kinda fix itself actually..BY adding the pictures, all the missing spaces were added.


    (Exactly as it should be:-))

Topic Closed

This topic has been closed to new replies.

About this Topic