How about this:
<div class="table">
<div class="td">•White K101/PE<br>
•Pale Cream U564/PE<br>
•Ivory U514/PE<br>
•Sand U515/PE<br>
•Alabaster U104 ST15<br>
•Platinum White Ash W980 ST31<br>
•White Ash D339/W<br>
•Japanese Ash D348/W<br>
•Maple D375/W<br></div>
<div class="td">•Lissa Oak D8925/BS<br>
•Stilo Walnut D387/NT<br>
•French Walnut D726/BS<br>
•Tiepolo Walnut D8953/BS<br>
•Opera Walnut D481/BS<br>
•Mangfall Beech D1639/BS<br>
•Beech D381/W<br>
•Swiss Pear D727/W<br>
•Light Westminster Oak D8932/NT<br>
•Windsor Oak D1929/NT <br></div>
</div>
Or this:
<div class="table">
<div class="td">
<ul>
<li>White K101/PE<br> </li>
<li>Pale Cream U564/PE<br> </li>
<li> Ivory U514/PE<br> </li>
<li> Sand U515/PE<br> </li>
<li> Alabaster U104 ST15<br> </li>
<li> Platinum White Ash W980 ST31<br> </li>
<li> White Ash D339/W<br> </li>
<li> Japanese Ash D348/W<br> </li>
<li> Maple D375/W<br></li>
</ul> </div>
<div class="td">
<ul>
<li>Lissa Oak D8925/BS<br></li>
<li>Stilo Walnut D387/NT<br></li>
<li> French Walnut D726/BS<br></li>
<li> Tiepolo Walnut D8953/BS<br></li>
<li> Opera Walnut D481/BS<br></li>
<li> Mangfall Beech D1639/BS<br></li>
<li> Beech D381/W<br></li>
<li> Swiss Pear D727/W<br></li>
<li> Light Westminster Oak D8932/NT<br></li>
<li> Windsor Oak D1929/NT <br></li>
</ul> </div>
</div>
The css in both cases:
.table {
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid red;
}
.td {
display: table-cell;
}
The red border is only there so that you can see the outline of the table div. That line in the css can be deleted. The 'class dot' for table and td have to be there, as this is not an ordinary html table.