<ul class="disc">
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  <li>Proin eros velit, fermentum in quam eget, molestie euismod nisi.</li>
  <li>Nunc tortor felis, hendrerit at diam id, pellentesque condimentum odio.</li>
  <li>Suspendisse ac augue massa.</li>
  <li>onec dapibus vehicula nulla, eget iaculis diam pellentesque sed.</li>
  <li>Nunc ullamcorper bibendum pellentesque.</li>
</ul>

<ul class="circle">
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  <li>Proin eros velit, fermentum in quam eget, molestie euismod nisi.</li>
  <li>Nunc tortor felis, hendrerit at diam id, pellentesque condimentum odio.</li>
  <li>Suspendisse ac augue massa.</li>
  <li>onec dapibus vehicula nulla, eget iaculis diam pellentesque sed.</li>
  <li>Nunc ullamcorper bibendum pellentesque.</li>
</ul>

<ul class="square">
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  <li>Proin eros velit, fermentum in quam eget, molestie euismod nisi.</li>
  <li>Nunc tortor felis, hendrerit at diam id, pellentesque condimentum odio.</li>
  <li>Suspendisse ac augue massa.</li>
  <li>onec dapibus vehicula nulla, eget iaculis diam pellentesque sed.</li>
  <li>Nunc ullamcorper bibendum pellentesque.</li>
</ul>

<ul class="none">
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  <li>Proin eros velit, fermentum in quam eget, molestie euismod nisi.</li>
  <li>Nunc tortor felis, hendrerit at diam id, pellentesque condimentum odio.</li>
  <li>Suspendisse ac augue massa.</li>
  <li>onec dapibus vehicula nulla, eget iaculis diam pellentesque sed.</li>
  <li>Nunc ullamcorper bibendum pellentesque.</li>
</ul>

<ol class="cjk-decimal">
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  <li>Proin eros velit, fermentum in quam eget, molestie euismod nisi.</li>
  <li>Nunc tortor felis, hendrerit at diam id, pellentesque condimentum odio.</li>
  <li>Suspendisse ac augue massa.</li>
  <li>onec dapibus vehicula nulla, eget iaculis diam pellentesque sed.</li>
  <li>Nunc ullamcorper bibendum pellentesque.</li>
</ol>

<ol class="decimal">
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  <li>Proin eros velit, fermentum in quam eget, molestie euismod nisi.</li>
  <li>Nunc tortor felis, hendrerit at diam id, pellentesque condimentum odio.</li>
  <li>Suspendisse ac augue massa.</li>
  <li>onec dapibus vehicula nulla, eget iaculis diam pellentesque sed.</li>
  <li>Nunc ullamcorper bibendum pellentesque.</li>
</ol>

<ol class="lower-roman">
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  <li>Proin eros velit, fermentum in quam eget, molestie euismod nisi.</li>
  <li>Nunc tortor felis, hendrerit at diam id, pellentesque condimentum odio.</li>
  <li>Suspendisse ac augue massa.</li>
  <li>onec dapibus vehicula nulla, eget iaculis diam pellentesque sed.</li>
  <li>Nunc ullamcorper bibendum pellentesque.</li>
</ol>
.disc {
  list-style-type: disc;
}

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

.square {
  list-style-type: square;
}

.none {
  list-style-type: none;
}

.cjk-decimal {
  list-style-type: cjk-decimal;
}

.decimal {
  list-style-type: decimal;
}

.lower-roman {
  list-style-type: lower-roman;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.