Aligning list contents to center of page

Question

I was adding contents to a page of my wordpress site.The content includes a list of services which I need to display in center.I have given

<ul style="text-align: center;" >
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li></ul>

but the content is going to center of page but not the bullets.This is my bin

Please help me!! Thanks !!

Answer 1

try to this

li{list-style-position: inside;}

Demo