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">
                <div class="row">
                        <div class="col1">col1</div>
                        <div class="col2">col2</div>
                        <div class="col3">col3</div>
                        <div class="col4">col4</div>
                </div>
                <div class="row">
                        <div class="col1">col5</div>
                        <div class="col2">col6</div>
                        <div class="col3">col7</div>
                        <div class="col4">col8</div>
                </div>
        </div>
</body>
</html>

    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?

Thanks,
Kenneth
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to