Display：行內與區塊

display: block

一律從新的一行開始，並佔滿整個寬度。可以設定寬高等。預設為 block 的 element 有：<div> <h1>~<h6> <p> <form> <header> <footer> <section> ... 等等。

display: inline

不會從新的一行開始，若前面也是 inline element，會接在右邊顯示。只會佔所需的寬度，不能設定寬高。預設為 inline 的 element 有：<span> <a> <img> ... 等等。

display: inline-block

若要將區塊左右並排，且需要設定寬度、間距等等，就可以使用 inline-block。

display: none

整個 element 隱藏，並且不會佔有空間。若使用 visibility: hidden; 則是會隱藏，但仍佔有空間。

f06_display.html