displyプロパティ基礎

■displayについて■
ここで(やっと)display プロパティーの登場です!display プロパティーは、ご存知の通り要素の表示方法を指定するプロパティ。
インライン要素に display: block を指定すれば、ブロックボックスとして表示してくれます。
逆にブロックレベル要素に display: inline を指定すれば、インラインボックスとして表示してくれます。

例えばインライン要素をブロックボックスとして表示すれば、width や height も指定できるようになりますし、

上下のマージンも指定できるようになりますよね!下はもともとインライン要素である a 要素を display: block でブロックボックスにした例 …
ただのリンクをボタン風にする事だってできますよね!