パーツ番号 02-04-04 ・ CSSのみ

斜体+中央寄せ引用

斜体のテキストを中央に配置したエディトリアル風の引用。雑誌記事風のレイアウトで印象的な一文を見せたいときに。

staticcss

プレビュー

ソースコード

HTML

<blockquote class="d02-04-04-quote">
          余白と斜体が生む静かなリズム。中央に据えた一文が、エディトリアル誌のような佇まいをつくります。
        </blockquote>

CSS

.d02-04-04-quote{
          margin:0;
          padding:0 10px;
          text-align:center;
          font-style:italic;
          font-size:15px;
          line-height:1.9;
          color:#444;
          max-width:280px;
        }

クラス名 .d02-04-04 は本ライブラリ内での識別用です。複数のパーツを同じページで使う場合は、重複しないよう名前を変更してください。