JSFiddle - React, Tailwind, and code Playground

by Littlemad

HTML

<dl>
    <dt>Prologue</dt>
    <dd>page 5</dd>    
    <dt>Points of Possible Agreement</dt>
    <dd>page 9</dd>
    <dt>Irreconcilable Differences</dt>
    <dd>page 11</dd>
    <dt>Conclusion</dt>
    <dd>page 163</dd>
    <dt>index</dt>
    <dd>page 164</dd>
</dl>

CSS

dd, dt{float:left;}
dt{text-align:right; clear:both; width:250px;}
dt:after {content:"•"; padding:0 0.8em; }
dd{text-align:left;}