Hi,
I'm working with the following test code:
html
head
style type=text/css media=all
.col1, .col2, .col3, .col4 {
float: left;
width: 10em;
}
/style
/head
body
div class=table
Kenneth,
I had a problem yesterday with a form I was trying to convert to CSS
from a table. I used an example from
http://www.alistapart.com/stories/practicalcss/. Their example is
similar to your code. Are you clearing the float for your row class as
shown below?
div.row {
clear: both;
Kenneth Stephen wrote:
What I see is col1 through col8 laid out on the same line, whereas
what I want to see is col1 through col4 on one line and col5 through
col8 on the next line. How can I do that?
In your case, just add...
.row {clear: both;}
...but if you want a real table layout