帰ってきたHolyGrailとHoryGrailの区別がつかない日記

はてなブログに帰って来ました

注目エントリが見づらかったので

CSSを調整してみた

CSSあんまりよくわからないからこれで正しいのかは不明。

#hatena-bookmark-widget0 .hatena-bookmark-count {
  float: right;
}
#hatena-bookmark-widget0 .hatena-modulebody li {
  clear:both;
}
#hatena-bookmark-widget0 .hatena-modulebody {
  padding-bottom:20px;
}

やりたかったこと

右カラムのはてなブックマークウィジェットのブックマーク数の部分が折り返されてなかったので
一段下げて右寄せで並べて表示させたかった。
上のCSSだとSafariだとちゃんと表示されないなー。
ちなみにIEは未確認。
floatしたときにhatena-modulebodyのところがちゃんと下に広がってくれなかったので
padding-bottom:20pxを指定することで無理矢理枠の中に入れている。
とてもかっこわるい。

追記

下記のように、該当部分のdisplayをblock、text-alignを右寄せにするだけでよかったんですね・・・。
なんか変にややこしく考えすぎていました。

#hatena-bookmark-widget0 .hatena-bookmark-count {
display: block;
text-align: right;
}

コメントをくださったid:osawa1016さん、とおりますよ。さん
ありがとうございました!