JSFiddle - React, Tailwind, and code Playground

by Sascha

HTML

<ol>
<li>In our offset printing department, we print on a wide variety of stocks and sheet sizes, and we offer continuous-form printing as well as complete bindery services.</li>
<li>This would be the second element of your list</li>
</ol>

<p>Custom start:</p>
<ol start="2">
<li>In our offset printing department, we print on a wide variety of stocks and sheet sizes, and we offer continuous-form printing as well as complete bindery services.</li>
<li>This would be the second element of your list</li>
    <li value="7"><b style="color:orange;">And with a custom number!</b></li>
</ol>

<p>Using characters instead of numbers:</p>
<ol type="A">
<li>In our offset printing department, we print on a wide variety of stocks and sheet sizes, and we offer continuous-form printing as well as complete bindery services.</li>
<li>This would be the second element of your list</li>
</ol>

CSS

body {
  background-color: black;
  color: white;    
  font-family: Verdana, sans-serif;
  font-size: 14px;
}
p {
    color: #44F;
}