Archived topic

how to html spacing between numbered list

3 replies · Started by Mary on July 31, 2020

Viewing posts 1–4 of 4

July 31, 2020 at 11:51 pm #1383631

Hi,

I know how to change line spacing on numbered list but what I can't figure out is how to change the line spacing between the numbers. When I use the regular "line-height: 3;" it applies to all lines, resulting in too much space. I just want to have more space after between numbers.

Here's a screenshot: https://prnt.sc/ts604z

Thank you!

Mary

August 1, 2020 at 4:35 am #1383777

Hi there,

you can add bottom margin to each of the list items. This CSS will apply to all ordered lists within the content of your post.

.entry-content ol li {
    margin-bottom: 2em;
}

If you want it to apply to unordered lists as well you can use this:

.entry-content ol li,
.entry-content ul li {
    margin-bottom: 2em;
}

Please note that UL lists are quite commonly used in HTML from other plugins, and if they do not have specific styles the above CSS may affect them.

August 1, 2020 at 4:46 am #1383788

Hi David,

Worked like magic! Thank you so so much!

August 1, 2020 at 5:17 am #1383811

You're welcome

This archived topic is closed to new replies.

Start building better websites today.