Centering list item with custom bullet points

Design help General
1

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

CleanShot 2021-06-21 at 11.24.35
CleanShot 2021-06-21 at 11.24.35973×214 29.1 KB

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

2

Any thoughts on what I can do with this?

3

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

https://cln.sh/fyjwLr

2 Likes