JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div id="wrap">
    
    <div id="header">
        <h1>Title</h1>
    </div>
    
    <table>
        <tr>
            <td>Content</td>
            <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint architecto sit doloremque dolore reprehenderit eum assumenda ea explicabo corporis distinctio.</td>
        </tr>
        <tr>
            <td>Content</td>
            <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis consectetur tempora laudantium voluptates. Ad at pariatur in tempore voluptatum vitae illum minima repudiandae! Cum assumenda rerum atque quidem ad praesentium qui nobis mollitia numquam soluta repudiandae debitis reiciendis nisi excepturi quisquam laborum optio laboriosam in obcaecati quis sapiente culpa vel amet facere corrupti veniam minus modi! Aut quis labore debitis.</td>
        </tr>
    </table>
    
</div>

CSS

#wrap { 
    margin: 0 auto;
    max-width: 600px;
}

table {
    background: #f1f1f1;
    width: 100%;
}
table, th, td {
    border: 1px solid #c1c1c1;
    border-collapse: collapse;
}
td {
    width: 50%;
    padding: 10px;
}