JSFiddle - React, Tailwind, and code Playground

by Trey Hunner

HTML

<table class="faq">
    <thead>
        <tr>
            <th colspan="2">Questions and Answers</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>-</th>
            <td>My Question Text</td>
        </tr>
        <tr class="selected">
            <th>A:</th>
            <td>My Question Answer.</td>
        </tr>
        <tr>
            <th>+</th>
            <td>My Question Text</td>
        </tr>
    </tbody>
</table>

CSS

.faq tbody th {
    font-weight: normal;
}
.faq {
    width: 100%;
}
.faq tr.selected {
    background-color: #eee;
}