読者です 読者をやめる 読者になる 読者になる

カメラとか、ノートとか。

X-E2が好きなおっさんのブログ

CSSの再調整

してたらつかれた。

日付部分を縦並びにしてみた。

.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だと素敵なのだが
f:id:ni9eball:20130223032537p:plain
firefoxだとなんかこんなブヨブヨした感じで気持ち悪い。
f:id:ni9eball:20130223032617p:plain

もう少し探してみよう。
そうしよう。