Bullet styling second line CSS
July 1, 2017
When styling unordered and ordered lists, the second line is sometimes under the bullet. This doesn't look good.
This method is easy and works well:
First, set list-style-type to outside to position the bullets outside of the text.
ul li { list-style-position: outside; }The text will be aligned.
If you want the bullets to be in line with your text, add some margin:
ul li { margin-left: 1em; }
Comments
Hi there, I've been working…
Hi there,
I've been working as a programmer for the past decade, building everything from small tools to large-scale systems. Right now, I’m open to new opportunities—whether that's a full-time role or freelance work on a project or task basis.
If your team could use an extra set of hands, I’d be happy to chat and see how I can help out.
Thanks for your time, and I look forward to hearing from you!
Best regards,
Jaroslav J
workitjaroslav@gmail.com
Add new comment