してたらつかれた。
日付部分を縦並びにしてみた。
.date-year {
width: 60px;
text-align: center;
margin-bottom: -10px;
display: block;
border-top: 1px solid #6495ed;
}
.date-month {
width: 60px;
font-size: 40px;
text-align: center;
display: block;
}
.date-day {
width: 60px;
font-size: 40px;
text-align: center;
margin-top: -15px;
display: block;
border-bottom: 1px solid #6495ed;
}
.hyphen {
display: none;
}
FontはGoogleWebFontより「Text Me One」を使用。
単純にブロック要素にして、幅を指定して。タイトルはposition:absoluteで右上に移動。
ブログタイトルがchromeだと素敵なのだが
firefoxだとなんかこんなブヨブヨした感じで気持ち悪い。
もう少し探してみよう。
そうしよう。