Reverse Ordered list with space
-
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
-
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.
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…
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/
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.)
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:-))
- The topic ‘Reverse Ordered list with space’ is closed to new replies.