どのように私は2つのブロックスタイルのコントロールをCSSとWebページの同じhorozontalレベルに置くことができますか？

Question

私は、HTMLページを使用して、2つのブロックスタイルのコントロールをWebページの同じ水平軸のレベルに配置しています。 cssでこれを行う最善の方法は何ですか？

Answer 1

おそらくあなたは要素を浮かべることができますか？

HTML：

<div id="block1">Block 1</div> 
<div id="block2">Block 2</div> 

CSS：

#block1 { 
    float: left; 
} 

...もちろん、これはおそらく難しいのではなく、CSSクラスを利用したいと思います...ちょうどデモの例でありますコーディングIDは...

Answer 2

display: inline; 

これは要素がインラインでレンダリングされます。

Answer 3

.blockStyleControl { 
    float: left; 
} 

Answer 4

いくつかの方法があります。

ほとんどのブラウザ間で互換性のある方法は、浮動させるか、絶対に配置するか、インラインまたはインラインブロックを表示することです。

ブラウザ間の互換性が低い方法は、display: table-cellを使用する方法です。