How to make a list for the entire width?

Question

css

There is a list

<ul>
 <li><a href="#">1</a></li>
 <li><a href="#">2</a></li>
 <li><a href="#">3</a></li>
</ul>

Tell me how to make the menu stretch to the entire width of the page, and the text in li is centered?

Answer 1

For li:
text-align: center;
For ul:
width: 100%;