Table overflow

dabblet.css

/**
 * Table overflow
 */

#tbl {
	width: 300px;
	table-layout: fixed;
}

#tbl td {
	overflow: hidden;
	width: 100px;
	white-space: nowrap;
	border: 1px solid black;
	vertical-align: top;
	height: 1em;  /* Only makes the cells bigger, doesn't constrain */
}

dabblet.html

​<table id="tbl">
<tr>
<td>This is somewhat wide data</td>
<td>This is somewhat wide data<br/>
With a second line</td>
<td>This is somewhat wide data</td>
</tr>
<tr>
<td>This is somewhat wide data</td>
<td>This is somewhat wide data</td>
<td>This is somewhat wide data</td>
</tr>
</table>​​​​​​​​​​​​

settings.json

{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}