JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<dl>
    <dt>Unacceptable</dt>
    <dd><a href="http://www.guyfieri.com/">Dot Kom</a>, Apple</dd>
    <dt>Unreasonable</dt>
    <dd>Password length limits</dd>
    <dt>Tolerable</dt>
    <dd>Upper Crust, SiteManager, Tolerance of Apple</dd>
    <dt>Acceptable</dt>
    <dd>Nice scissor switch keyboards, WordPress, <a href="http://www.chromium.org/blink#vendor-prefixes">no -blink- prefix</a></dd>
    <dt>Passable</dt>
    <dd>Pizza Factory, Scam Darts, Craft</dd>
    <dt>Reasonable</dt>
    <dd>Port City, Lexi's, Silex, Markdown</dd>
    <dt>Approved</dt>
    <dd>Five Guys, Mechanical Keyboards, Scam Ball, Markdown Extra</dd>
</dl>

CSS

dl {
    font-family: arial;
}

dt {
    margin-top: 1em;
    font-weight: bold;
}