HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Styled ordered list</title>

  <style>

    ol.alpha { list-style-type: upper-alpha; }

    ul.circle { list-style-type: circle; }

  </style>

</head>

<body>

  <h1>Styled lists</h1>

  <h2>Letters (A, B, C)</h2>

  <ol class="alpha">

    <li>Item A</li>

    <li>Item B</li>

    <li>Item C</li>

  </ol>

  <h2>Circle bullets</h2>

  <ul class="circle">

    <li>Apple</li>

    <li>Banana</li>

  </ul>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Lists — Styled Ordered List