How to centre menu html

I’m currently trying to centre text links on the mobile version of the header of the site but currently they seem to align to the left. I’m currently unable to centre them. Please could you help me? Best regards.

`<ul class=”inline-list inline-list-with-border main-nav-style”>
<li style=”text-align: center;”>BRANDS
<li style=”text-align: center;”>SKIN CARE
<li style=”text-align: center;”>CLINIC
‘

Hi,

In this situation, you should try to add text-align: center property to the container of your menu items. It will look like this <ul style="text-align: center;" class="inline-list inline-list-with-border main-nav-style"></ul>

Regards

Great it worked, thank you for your help.

[Author]

Posts