OOOOPS. Your browser seems to be too old for this. Please update your browser.
Teutonic CSS
Use it

Table of contents

<div class="bg-b read_l pa_m">
  <h3 id="">Contents</h3>
  <ul class="gap_no ma-t_xs bo-t_xs">
    <li><a href="#" class="block-link bo-t_px">Down the Rabbit-Hole</a></li>
    <li><a href="#" class="block-link bo-t_px pa-l_s">The Pool of Tears</a></li>
    <li><a href="#" class="block-link bo-t_px pa-l_s">A Caucus-Race and a Long Tale</a></li>
    <li><a href="#" class="block-link bo-t_px pa-l_s">The Rabbit Sends in a Little Bill</a></li>
    <li><a href="#" class="block-link bo-t_px pa-l_s">Advice from a Caterpillar</a></li>
    <li><a href="#" class="block-link bo-t_px">Pig and Pepper</a></li>
    <li><a href="#" class="block-link bo-t_px pa-l_s">A Mad Tea-Party</a></li>
    <li><a href="#" class="block-link bo-t_px pa-l_s">The Queen’s Croquet-Ground</a></li>
    <li><a href="#" class="block-link bo-t_px pa-l_s">The Mock Turtle’s Story</a></li>
    <li><a href="#" class="block-link bo-t_px pa-l_m">The Lobster Quadrille</a></li>
    <li><a href="#" class="block-link bo-t_px pa-l_m">Who Stole the Tarts?</a></li>
    <li><a href="#" class="block-link bo-t_px pa-l_m">Alice’s Evidence</a></li>
  </ul>
</div>

<!-- TODO: Maybe better show nested ul > li > ul -->