【コピペOK】よくある質問（FAQ）のシンプルなCSSサンプル

シンプルな、よくある質問（FAQ）のCSSサンプルです、

質問・回答文が複数行になったときに2行目が「Q」「A」の真下に回り込まず、きちんと左側に余白ができるようにしました。

「Q」「A」の文字は擬似要素で表示させますので、タグ内は単純に質問、回答の文言だけ書けばオッケーです。

See the Pen Untitled by masakitano (@masakitano) on CodePen.