ネタ元:blockquoteはもう古い〜fieldsetの伝説(legend)!! via fieldsetで引用 @ securecatのMT
たのしそう。ウケた
月日は百代の過客にして、行きかふ年も又旅人也。
奥の細道 松尾芭蕉
<style>
blockquote {
position: relative;
padding: 1em;
border: solid 1px #000;
}
blockquote cite {
position: absolute;
top: -0.7em;
left: 1em;
padding: 0 0.5em 0 0.5em;
background: #666;
}
</style>
<blockquote>
<p>月日は百代の過客にして、行きかふ年も又旅人也。</p>
<p><cite>奥の細道 松尾芭蕉</cite></p>
</blockquote>
blockquote の中に cite でテンパりつつこれ自身はインラインスタイルでむにゃむにゃ
position: relative のブロックの上ボーダーがIEで消える。float と相性が悪いらしい。
眠い。わけわかんない。眠い。パープルくらげ
おもいっきり invalid だったのを修正
title属性で引用元を書いて
blockquote:before {content: attr(title); ...}
とかやったほうがいいと思う。IEで表示できないけど。追記の追記:これ無理らしい(ワレズ日記:どちらもカッコよく見えないっていうか(笑))この引用はブロックじゃないよな……
なんか微妙に大事なんですね……