Reverse Ordered list with space

  • Resolved GlitchQueen

    (@glitchqueen)


    13 years, 1 month ago

    Hello,

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

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

    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

Viewing 5 replies - 1 through 5 (of 5 total)

  • 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.

    Thread Starter GlitchQueen

    (@glitchqueen)

    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: https://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…

    Thread Starter GlitchQueen

    (@glitchqueen)

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

    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.)

    Thread Starter GlitchQueen

    (@glitchqueen)

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

    Thanks!

    (Exactly as it should be:-))

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Reverse Ordered list with space’ is closed to new replies.