JSFiddle - React, Tailwind, and code Playground

by Alexander Startsev

HTML

<table>
    <tr>
        <td colspan="3">
            <a href="http://htmlbook.ru/html/td">http://htmlbook.ru/html/td</a>
        </td>
    </tr>
    <tr>
        <td rowspan="4">1</td>
        <td rowspan="4">2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
    </tr>
    <tr>
        <td>6</td>
    </tr>
</table>

CSS

html, body{
    padding: 10px;
}

table{
    border-collapse: collapse;
    width: 100%;
    border: 1px #CCC solid;
}

td{
    border: 1px #CCC solid;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    font: 300 18px/24px Helvetica, Arial, sans-serif;
}