style type="text/css">* { margin: 0; padding: 0 }
   ol, li { margin: 0; padding: 0; border: 0; }
   li, div {
      color: blue;
      border: solid silver 0.25em;
      padding: 0.5em 0.5em 0.5em 3em;
      list-style-position: inside; }
   span { color: white; }
  </style>
 </head>
 <body>
  <ol>
   <li>
    <ol>
     <li>
      <ol>
       <li>
        <span>Text</span>
       </li>
      </ol>
     </li>
    </ol>
   </li>
  </ol>
  <p>The above should render like the example below.</p>
  <div>1.
   <d