スタイルシートマニア

行の折り返し位置を指定した見出し | ホームページカスタマイズ 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

hideo

コメントを残す