Hi.
I am learning my way around formatting DIVs
and am stuck. Can somebody tell me how to
format the below so the left column is, say, 30%
wide and the right column is the remainder. And, there is a
5px space between the right and left columns?
<div class="calTable">
<div class="calRow">
<div class="calLeft">Cell 1<br>Second line</div>
<div class="calRight">Cell 2</div>
</div>
<div class="calClear"></div>
</div>
..calTable {position:relative; padding-left:10px; padding-right:10px;}
..calRow {clear:both; padding-top:1%;}
..calLeft {float:left;}
..calRight {float:left;}
..calLeft, .calRight {width: 30%; background-color:yellow; border:1px
solid black;}
..calClear {clear: both;}