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