CSSと画像で引用（blockquote）を見栄えよく表示する｜web bibo

<blockquote>タグでの引用をオシャレに表示するCSSサンプルです。 <blockquote>タグの子要素にはブロックレベルの要素を XHTML 1.0 Strict記述の場合、<blockquote>タグの直下にはインライン要素（spanとか）は置けないので、記述するときは大体このようなHTMLになると思います。（XHTML 1.0 Transitional記述はインラインを使ってもいいですけど、Strictに合わせたほうが何かと都合がいいかと） <blockquote> <p>アメイジング・グレイスは、ジョン・ニュートンの作詞による賛美歌である。特にアメリカで愛唱され、またバグパイプでも演奏される。"grace"とは「神の恵み」「恩寵」の意。</p> </blockquote> 文字量によって画像の位置が変わるサンプル <p>タグをインラインにすれば、文字量によって画像の位置が