JSFiddle - React, Tailwind, and code Playground

by danielcgold

HTML

<dl>
    <dt>
        <input type="radio" /><label>In</label>
        <input type="radio" /><label>Out</label>
    </dt>
    <dd>file1.php</dd>
    
    <dt>
        <input type="radio" /><label>In</label>
        <input type="radio" /><label>Out</label>
    </dt>
    <dd>file2.php <span>(Dan is in this file)</span></dd>
    
    <dt>
        <input type="radio" /><label>In</label>
        <input type="radio" /><label>Out</label>
    </dt>
    <dd>file3.php</dd>
</dl>

CSS

dt { float: left; width: 110px; }
label { margin: 0 15px 0 0; }
input { margin-right: 5px; }
dd { margin-bottom: 10px; }