スタイルシートマニア
行の折り返し位置を指定した見出し | ホームページカスタマイズ Tips
行の折り返し位置を指定した見出しをデザインしてみます。
#h2-headline03 { width: 10em; height: 2.5em; margin-top: 3em; line-height: 1.2em; color: #600; font-size: 1.5em; border-left: 1px solid #600; padding: 0.5em 0 0.5em 1em; }
<h2 id="h2-headline03">折り返し位置を指定した見出し</h2>
折り返し位置を指定した見出し
このスタイルのポイントは横幅をemで指定することで文字数を制限して行を2列にしています。
Author:hideo
Comments:0
« 前の記事 | 次の記事 » |