How do you align a whole unordered list?

Question

align="center" only aligns the text, not the bullet points. Pls help.

Answer 1

use float

Answer 2

float right or left not center.

or use a wrapper.

using flex or grid works but id learn it the vanilla way first just so you know

Answer 3

Thx :D

Answer 4

Now nothing is displayed 🙁

Answer 5

ul {
display: flex;
flex-direction: column
}
ul li {
margin: auto;
}