uskisqus より
●がフォントに依存してるからズレるんでしょうね。私もズレています（MBA、Chrome）。Beforeのcontentをborderで作ったらどうでしょう。 .timeline-content:before { content: ‘ ‘; position: absolute; margin-top: 24px; margin-left: -39px; width:10px;...
View ArticleWebクリエイターボックス より
あーなるほどです！ご指摘頂いたコードを参考に追記してみました！borderはなくてもいけるかな？ってことで背景色のみで作ってます。コメントありがとうございました！
View Articlecyokodog より
マークアップのルールについて素人なので、もしよろしければご教授いただけますでしょうか？ サンプルのコードでは li 要素の中に h3 要素が登場しますが、以前（２，３年前）ツイッターでマークアップに詳しそうな方々に、「li,dt,ddのような要素の中に,h2,h3とった要素は記述してよいものなのでしょうか？」と質問したら大半がＮＧという回答でした。...
View ArticleWebクリエイターボックス より
HTMLの文法的には li の中に見出し要素を入れるのは間違いではありません。同様に dd の中に入れるのもOKです。公式サイトや日本語訳されたレファレンスサイト等を調べてみると勉強になるかもです！ http://www.w3.org/TR/2012/CR-html5-20121217/Overview.html#contents
View Articlecyokodog より
IE9で生のhtmlで試したところ●がずれちゃいました。li を position:relativeしたら解決しました。 http://cyokodog.github.io/CSS_STUDY/demo.html
View ArticleWebクリエイターボックス より
<a href="https://www.webcreatorbox.com/tech/css-timeline#comment-5161">cyokodog</a> への返信。 すみません、私も先ほど気づいて訂正しました！ご指摘ありがとうございます。
View ArticleWebクリエイターボックス より
<a href="https://www.webcreatorbox.com/tech/css-timeline#comment-5163">れたす</a> への返信。 うーん、私もメインブラウザーがMBP RetinaのChromeですが、ズレは見られませんね…。FF、Safari、IE10でも同様にうまく表示されてますです。実装する際は軽く調整してみてください！
View Article
