2つのdivタグを並べて配置するにはどうすればよいですか?私はこれを試しました:
<div>text 1</div><div>text 2</div>
しかし、私が2行で書いたように、それらは互いに下に表示されます。
Divはブロックレベルの要素です。つまり、特に明記されていない限り、Divは使用可能なすべてのスペースを占有します。それらを並べて表示するには、CSSプロパティを使用する必要がありますfloat
。
CSS
.float-left{
float: left;
}
HTMLの場合よりも、次のようにクラス名を割り当てるだけです。
<div class="float-left"> 1 </div>
<div class="float-left"> 2 </div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加