blockとinline-blockの違いを見ていきましょう。blockは要素が横幅いっぱいに表示されます。inline-blockはその要素の幅に応じて、要素が詰めて表示されます。上図のように、要素Cは要素A,Bの行に入り切らないので、自動的に改行されて表示されます。(注)divは初期値としてdisplayがblockを持っているので、cssでわざわざblockを指定しなくてもよいですが、ここではあえて書いています。block;を指定する必要はありません。このように、初期値でblockをとる要素は次のようなタグがあります。block;}それぞれブロックなので、表示は次のように、一行ずつ表示されます。support0コピー&ペーストだけの10秒で設置完了なボタンです。背景色や文字色、ホバーのアクションを変更してオジリナルのボタンも簡単につくれます。テキストにグラデーションで下線を引き、マウスオーバーでグラデーションが縦方向に伸びる動きをつけたいと思います。表示したいテキストを自由に書きます。今回は、h1タグとpタグでそれぞれ書きました。