HTMLの要素は主にブロック要素と、インライン要素に分けられる。
ブロック要素は内容の前後に改行。枠で囲むことができる。
インライン要素は改行が入らない。枠で囲もうとすると、一行一行囲まれる。
ここでハマった。
Wordpressで code タグを枠で囲もうとしたときに一行一行囲まれ、背景色が文字のある場所にのみ適用された。これじゃあ、見栄えが悪い。これをCSSの命令を使用することで解決できた。
インライン要素をブロック要素として使用したい場合は。
参考資料 http://www6.plala.or.jp/go_west/nextcss/ref/article/el_clsfy.htm
display: block
逆に、ブロック要素をインライン要素として使用する場合は
display: inline
と、記述することで実現できる。
参考資料 http://www6.plala.or.jp/go_west/nextcss/ref/article/el_clsfy.htm