JSFiddle - React, Tailwind, and code Playground

by Kevin1990

HTML

<div class="test">
<table class="matrix">
            <tr>
                <th>&nbsp;</th>
                <th>aaaaaaa</th>
                <th>bbbbbbb</th>
                <th>ccccccc</th>
                <th>ddddddd</th>
                <th>eeeeeee</th>
                <th>fffffff</th>
                <th>ggggggg</th>
                <th>iiiiiii</th>
                <th>jjjjjjj</th>
                <th>kkkkkkk</th>
                <th>lllllll</th>
                <th>mmmmmmm</th>
            </tr>
            <tr>
                <th>Gebruiksvriendelijkheid</th>
                <td>
                    <input type="radio" name="test" value="1"/>
                </td>
                <td>
                    <input type="radio" name="test" value="2" />
                </td>
                <td>
                    <input type="radio" name="test" value="3" />
                </td>
                <td>
                    <input type="radio" name="test" value="4" />
                </td>
                <td>
                    <input type="radio" name="test" value="5" />
                </td>
                <td>
                    <input type="radio" name="test" value="6" />
                </td>
                <td>
                    <input type="radio" name="test" value="7" />
                </td>
                <td>
                    <input type="radio" name="test" value="8" />
                </td>
                <td>
                    <input type="radio" name="test" value="9" />
                </td>
                <td>
                    <input type="radio" name="test" value="10" />
                </td>
                <td>
                    <input type="radio" name="test" value="11" />
                </td>
                <td>
                    <input type="radio" name="test" value="12" />
                </td>
            </tr>
        </table>
    <p>qskdqskjsqdlkdqd</p>
</div>

CSS

.test
{
    background-color:gray; 
    display:table !important;
}
.matrix td, .matrix th
{
    border:0.1em solid #E2E2E2;
    padding:4px 2px;
    min-width:65px;
    white-space:normal;
    text-align:center;
}