<div class="wrap">
<table>
<tr>
<td class="nowrap">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</td>
</tr>
</table>
<table class="many-cells">
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
</table>
</div>
body {
background: #ccc;
}
.wrap {
width: 300px;
margin: 0 auto;
background: white;
}
table {
border: 1px solid red;
margin: 5px 0;
}
.nowrap {
white-space: nowrap;
}
.many-cells td {
padding: 5px;
border: 1px solid green;
}
This Pen doesn't use any external CSS resources.