WordPress.org

1. GlitchQueen
   Member
   Posted 4 months 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

2. elseloop
   Member
   Posted 4 months 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
   Member
   Posted 4 months 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
   Member
   Posted 4 months 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
   Member
   Posted 4 months 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
   Member
   Posted 4 months ago #

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

Reply

You must log in to post.