HTML Table

HTML

<table id="example">
    <tr>
        <td>table-cell</td>
        <td>table-cell</td> 
        <td>table-cell</td>
        <td>tiny data</td>        
        <td>large data large data large data large data</td>       
        <td>large data large data large data large data</td>             
        <td>&nbsp;</td>
        <td>medium data</td>
    </tr>
    <tr>
        <td>table-cell</td>
        <td>table-cell</td> 
        <td>table-cell</td>
        <td>tiny data</td>        
        <td>large data large data large data large data</td>       
        <td>large data large data large data large data</td>             
        <td>&nbsp;</td>
        <td>medium data</td>
    </tr>
    <tr>
        <td>table-cell</td>
        <td>table-cell</td> 
        <td>table-cell</td>
        <td>tiny data</td>        
        <td>large data large data large data large data</td>       
        <td>large data large data large data large data</td>             
        <td>&nbsp;</td>
        <td>medium data</td>
    </tr>
</table>

CSS

table { table-layout: fixed; width: 100%; }
td {
    border: 1px solid #ddd;
    padding: 5px 10px;
}