How To Center Bullet Points In HTML?

By default bullets points will be aligned with the default page alignment configuration which is aligned to the right. But how can you center the bullet points in HTML?. You can use different methods to center the bullet points but the most easy method is using the CSS or style for the <ul> tag like below.

<html>
   <body>
      <h2>Disc Bullets</h2>
      <ul style="text-align:center; list-style-posistion:inside">
         <li>First</li>
         <li>Second</li>
         <li>Third</li>
         <li>Fourth</li>
      </ul>
   </body>
</html>

Recommended Articles