2017年2月9日

ブロック要素の左右端に括弧を表示

ブロック要素の左右端に括弧を表示する方法を紹介します(レスポンシブ対応)。

HTML

補足

  • 括弧を付けたいブロック要素(サンプルでは blockquote )に bracket クラスを付けます。丸括弧にしたい場合は、radius クラスも合わせてつけます。

CSS

補足

  • 括弧の色や大きさ、余白などを設定しています。

サンプル

関連記事