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を使用して、上記のようにレイアウトを配置できるようにしたいと思います。

コンテナdiv内でclass1とclass2をラップせずにCSSでこれを行うことは可能ですか？

Answer 1

追加float:leftする.class1

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

あなたが望むように結果を得るでしょう。

Answer 2

http://jsfiddle.net/pxpvw/1

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

.class2 {
    float: left;  
}

Answer 3

それらすべての Float:left と、margin-right 値を追加して .class3 要素が下にくるようにします。