Home > OS >  Bullet points to small with ::before / I tried :display none and use ::marker but wont work with my
Bullet points to small with ::before / I tried :display none and use ::marker but wont work with my

Time:10-03

my bullet points are too small and I can't seem to find a fix for this.

If I adjust the font-size to make the bullet point bigger, the ::before item gets vertically higher which creates a gap and pushes the following paragraph further away/down.

Website: https://bloglized.com/

CSS: attached are two images down below for more details (default adjusted)

default adjusted

If someone knows how to fix this, I would appreciate it.

EDIT: Also, I would like to use the list-style-position: outside, to vertically align my text. Unfortunately, it seems like it's not possible here. If anyone knows a fix for that as well that would be awesome!

CodePudding user response:

What you're looking for is the line-height CSS property.

After you've made your font-size adjustments, change your line-height as desired.

  • Related