【HTML入門】横並びに表示させてみよう | プログラミング教室情報サイト【プロナビ】

はじめに HTMLでなにかと使われる「div」タグ。 divタグで囲った部分は1つのグループとして扱われるので、例えば下図のようにコンテンツを区切ったりする時によく使われます。 part1とpart2のコンテンツにおいて画面上横のスペースが空いていたとしても、横並びにはならず縦並びになっているのがおわかりでしょうか。 ホームページ等を作るにあたって見た目上、「ここのコンテンツは横並びに表示したい。」などが出てくると思います。 どうすれば横並びに表示させることが出来るのでしょうか。 ブロックレベル要素 先ほどはdivタグを例に挙げて縦並びに表示されることを説明しましたが、このdivタグのように縦並びに置かれる要素を「ブロックレベル要素」と言います(div、pタグ等)。 このタグの場合、普通にタグを使用しただけでは横並びにすることは出来ません。 横並びに表示させたい場合はちょっとした工夫が必要