このブログはエントリ本文の下に
- ページのトップへ行くリンク（←これいっぺん押してみてね）、コメント数、トラバ数
- 各種ソーシャルブックマーキング用ボタンと、被ブックマーク数
を置いているのだが、
ここの部分のレイアウトがいまいち気に入っていなかった。
ブックマークが少ない時は↓こんな感じだからまだいいとして、
いろんなとこにブックマークがつくと↓こんな感じで右端が汚くなる。
というわけでここのスタイルを少し変更。
- テキスト部分とアイコン部分を別々の <p>～</p> で囲む
- テキスト部分の <p>～</p> に float: left;
- アイコン部分の <p>～</p> に float: right;
- 両方に white-space: nowrap;
で、結果はこんな感じ。
↓数が少ないときはテキストとアイコンが左右に分離して、
↓増えてきたら 2 段に分かれる。
これで前よりだいぶすっきりした（よね？）。
ええ、自己満足ですけど何か？
