JSFiddle - React, Tailwind, and code Playground

HTML

<table class="left">
    <tr>
        <th>Row1</th>
        <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td>		
    </tr>
        <tr>
        <th>Row2</th>
        <td>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</td>		
    </tr>
        <tr>
        <th>Row3</th>
        <td>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </td>
        </tr>
    <tr>
        <th>Row4</th>
        <td>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</td>		
    </tr>
</table>

<table class="right">
    <tr>
        <th>1</th>
        <td>Monday</td>		
    </tr>
    <tr>
        <th>2</th>
        <td>Tuesday</td>		
    </tr>
    <tr>
        <th>3</th>
        <td>Wednesday</td>		
    </tr>
    <tr>
        <th>4</th>
        <td>Thursday</td>
    </tr>
        <tr>
        <th>5</th>
    <td>Friday</td>		
    </tr>
    <tr>
        <th>6</th>
        <td>Saturday</td>		
    </tr>
    <tr>
        <th>7</th>
        <td>Sunday</td>		
    </tr>
</table>

CSS

table {
  border-collapse: collapse;
  border-spacing: 0;
}
table td, th {
	border: 1px solid darkgrey;
	text-align: left;
	padding: 0.4em;
}

table.left {
	width: 70%;
	float: left;
}

table.right {
	width: 25%;
	float: right;
}