Center the list text

Hey everyone,
i have stuck on centering the LIST TEXT inside the pricing coulmn.
i tried align-items, text align
i do not what to do please help.

here is the code link :

Thanks in advance.

Hi, your text is actually trying to center, what is happening is the <ul> automatically indents its <li> elements by adding extra padding. this makes sure that the bullet points do not overlap with the text. You have made the bullet points invisible so its hard to tell, but with the bullet points the text would line up perfectly in the middle.

To solve this, simply set the padding back to 0 in your ul selector, and remove the margin-right property in your li selector.

thanks a lot it worked :+1:

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.