0

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

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?

8th Jun 2022, 4:07 PM
Solaris
Solaris - avatar
5 odpowiedzi
+ 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
9th Jun 2022, 8:51 AM
SoloProg
SoloProg - avatar
0
What is your code?
8th Jun 2022, 4:33 PM
Justice
Justice - avatar
0
Save your code in the playground and share the link so we can a better understanding.
8th Jun 2022, 5:53 PM
Chris Coder
Chris Coder - avatar
0
Hi, A ligth example here : https://code.sololearn.com/W3Wl2Awemsw3/?ref=app Is it that you want ?
8th Jun 2022, 8:02 PM
MBZH31
MBZH31 - avatar
0
Okay well 2 ways: body { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } body { text-align: center; }
9th Jun 2022, 6:04 PM
Junior
Junior - avatar