Spacing in unordered list

  • Resolved ksoussou

    (@ksoussou)


    1 year, 11 months ago

    Hi

    I have an unordered list and wish to increase the space between the lines within each bullet point not in between bullets. For example, the whole list is made up of let’s say 4 bullets and each bullet is more than one line say 3 lines. I want to increase the space between the 3 lines not between each bullet.

    How to accomplish this with html and css?

    Thank you.

    The page I need help with: [log in to see the link]

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

  • The CSS property you generally need to change is line-height. Looking at a couple of “bullets” (unordered lists) on a few of your blog posts, the following CSS should do the job:

    .all_txt ul li {
  line-height: 20px;
}

    Change the 20px value to whatever works best for you.

    NB: Increasing the line heights may very slightly and increase the spacing between the list items (bullets) as well. But that should be insignificantly small. If you need to reduce the bullet spacing, add a negative top margin (eg margin-top: -10px; to the above).

    Good luck!

    Thread Starter ksoussou

    (@ksoussou)

    It is working very well.

    Thank you very much for your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Spacing in unordered list’ is closed to new replies.