Unordered lists buttons come on right side of the page

Question

<ul align = "center">
<li><strong>EAT MORE HOME COOKED MEALS</strong></li>
<li><strong>DRINK MORE WATER</strong></li>
<li><strong>HAVE ONLY HEALTHY SNACKS </strong></li>
<li><strong>REDUCE OILY FAT FOODS</strong></li>
<li><strong>ADD MORE FISH IN YOUR DIET</strong></li>
<li><strong>HAVE A HEALTHY BREAKFAST DAILY </strong></li>
</ul>
I created this list code but the buttons come on right side of the page while the content at the center even though I gave align center in the ul code

Answer 1

Hi Karthick Vikram,
To center an (un)ordered list it is recommended to work with a wrapper. The wrapper will act as a container for the (un)ordered lists and other content you wish to use.
This way it is easy to maintain the content within the wrapper.
Have a look at the changes👍😊
https://code.sololearn.com/W7KnU1ArkXw6/?ref=app