css - 我可以设置这些 div 的样式，以便它们与末尾的中断内联吗

Question

我希望显示是这样的。

Div1 Div2
Div3 Div4

html是这样的:

<div class="class1">Div1</div> <div class="class2">Div2</div>
<div class="class1">Div3</div> <div class="class2">Div4</div>

样式表是这样的:

.class1
{
    font-weight:bold;
    font-size:9pt;
    display:inline-block;
}

.class2
{
    font-weight:normal;
    font-size:9pt;
    display:inline;   
}

使用纯 CSS，我希望能够像我上面提到的那样安排布局。

是否可以在不将 class1 和 class2 包装在容器 div 中的情况下使用 CSS 做到这一点？

Answer 1

http://jsfiddle.net/pxpvw/1

.class1 {
    float: left;
    clear: left;
}

.class2 {
    float: left;  
}