I have been trying to replace tables in my epubs with divs and css.
As with tables, when the text size is increased, things get out of line with each other. In tables it seems a little more graceful a failure.
Is there any way to make the following div in a table track with the preceding one?
This is what I am doing:
CSS
.row {
width: 100%;
}
.col1{
float: left;
min-height: 1px;
width: 75%;
text-align: left}
.col2, .col3 {
float: right;
min-height: 1px;
width: 25%;
text-align: right; }
.clear {
border: none;
clear: both;
}
HTML
<div class='row'>
<div class='col1'>
Ordnance and ordnance stores
</div>
<div class='col2'>
$45,000,000 </div>
</div>