健忘録

店舗概要などのレイアウトに使えるCSS

店舗詳細のレイアウトを組む時によるあるケースで

企業名:イメージエス
所在地:●●●●●●●●●●●●●●●●●●●●

などのレイアウトを組む時、種がわかると何でもないけど知らなければ、結構悩んでしまいました。

種明かしは簡単

《HTML》
<h3>企業名</h3><p>:イメージエス </p>
<h3>所在地</h3><p>:●●●●●●●●●●●●●●●●●●●●<br />

 

《CSS》
h3 {
float: left;
}

基本的に『float: left;』を使うだけなんですが、ポイントは『h3』タグと『p』タグの間を詰めてあげないと変に改行してしまったりします。
ソースは見にくくなりますが、スペースを詰めてあげましょう!

関連記事

コメント

この記事へのコメントはありません。

TOP