Centering list item with custom bullet points

When I centre this text, the icons stay left aligned. How do I keep these connected to the text?


Here is my site Read-Only: Webflow - Better Meetings

Any thoughts on what I can do with this?

hi @Steve-K Im afraid that this is not how list should work and that’s why bullets stay on left site for readability and distinguishing list from other text elements. If you need to have Icons before text you can use :before and/or :after selectors.

https://www.smashingmagazine.com/2011/07/learning-to-use-the-before-and-after-pseudo-elements-in-css/

Or you can find more sources on net

EDIT: I have just add video to make it easier for you to implement your design. Feel free to download it for later reference. One note, CSS can be placed anywhere not only in embed

2 Likes