stopdesign

あるCSS本で紹介されていたCSSデザイン
http://stopdesign.com/pages/2006/09/design-working.php

文字のところはこんなHTML

 ＜dl>
    ＜dt>Design＜/dt>
      ＜dd>Inspiration＜/dd>
      ＜dd>Motivation＜/dd>

      ＜dd>Process＜/dd>
      ＜dd>Talent＜/dd>
      ＜dd>Luck＜/dd>
  ＜/dl>

dtを下げてddを上げている。
包含ブロックをなぜtop:50%から始めているのか？
それだけ分からない。
top:0でも同じものが再現できた。

単語の前の’＋’は:before疑似要素を使っているからIEだとIE8以前のものでは表示されない。
あと+区切りを使っているから、IE7以前だと文字に色が付かないはず。
（IE8ユーザーは開発者ツールで切り替えて確認できる）
困った子ちゃんのＩＥ。

あとこんなのもある
http://stopdesign.com/pages/2006/09/roulette-working.php