JSFiddle - React, Tailwind, and code Playground

by Yauheni Pakala

HTML

<table>
    <thead>
        <th>
            <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas neque.</td>
            <td>Nam magnam provident et repudiandae nesciunt adipisci itaque corporis cupiditate.</td>
            <td>Nam ipsam vel repudiandae atque sed vero quaerat non corporis.</td>
        </th>
    </thead>
    <tbody>
        <tr>
            <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A nostrum.</td>        
            <td>Quo ullam distinctio molestiae nobis odit harum consequuntur officiis quisquam.</td>       
            <td>Neque cum ea quae est corporis ducimus cumque modi aperiam.</td>
            <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A nostrum.</td>
        </tr>
        <tr>
            <td>Quo ullam <span>distinctio</span> molestiae nobis odit harum consequuntur officiis quisquam.</td>
            <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A nostrum.</td>
            <td>Quo ullam distinctio molestiae nobis odit harum consequuntur officiis quisquam.</td>
            <td>Neque cum ea quae est corporis ducimus cumque modi aperiam.</td>
        </tr>
    </tbody>
</table>

<br>

<div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore repudiandae illum <a href="#">link</a> numquam dolor sequi eveniet quidem aut facere fugit sit ex dolores inventore quibusdam. Commodi iure animi id alias nostrum?
</div>

CSS

*:not(body):not(html) {
    box-sizing: border-box;
    border: 1px dashed #000;
}