How do I move the list items to the center of the page?

Question

When I try to move the list to the center of the screen, the text is moved, and the items (dots in "ul" and numbers in "ol") remain on the left. How I a can fix it?

Answer 1

.eta {
text-align:center;
}

.eta ul {
display:inline-block;
width: 100px;
margin: 0;
padding: 0;
/*list-style-type: none;*/
background-color: #ffb833;
text-align: left;
}

Good Luck

Answer 2

What is your code?

Answer 3

Save your code in the playground and share the link so we can a better understanding.

Answer 4

Hi,
A ligth example here : https://code.sololearn.com/W3Wl2Awemsw3/?ref=app

Is it that you want ?

Answer 5

Okay well 2 ways:

body {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

body {
text-align: center;
}