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

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

HTML

補足

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

CSS

補足

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

サンプル

「ブロック要素の左右端に括弧を表示」のサンプル

関連記事

• ブロック要素の左上と右下に装飾文字を表示