JSFiddle - React, Tailwind, and code Playground

HTML

<table id="content" name="content">
    <tr>
        <td id="lists" name="lists" rowspan="2" width="200">ololo</td>
        <td id="main_info" name="main_info" colspan="3">
            ololo2
        </td></tr>
    <tr style="background-color: white;"><td class="materials_explain">
            A little bit more
        </td>
        <td class="materials_explain">
            And more...
        </td>
        <td class="materials_explain">
            And this is the end
        </td>
    </tr>
</table>

CSS

table{
    margin-top: 15px;
    width: 80%;
}
tr{
    height: 37px;
}
td{
    color: #4a4a4a;
    border: 1px solid;
    text-align: center;
}