テキストだけじゃなくて、たとえばRSSのIconだとか、Newマークだとか、
タイトルの右寄せで何か表示させたいときはありませんか？最近そういうオーダーが増えてるんですよね～
で、よくつかっている方法をご紹介します。
完全オリジナルなので、IEハックは入ってしまっているし、なんだか長ったらしいんですけど、すみません。

h4{
position:relative;
}
h4 em{
display:block;
float:right;
line-height:1.4;
position:relative;
*position:absolute;
*right:6px;
font-style:normal;
font-size:85%;
font-weight:normal;
}

h4タグの中に右寄せにしたいものを 　<em>　タグで囲ってください。
するとそれだけpositionの指定どおりに動いてくれます。
ちなみに上記のh4には実際は背景があって、paddingをある程度とっている配置になっています。
特にIEハックの　*right:6px;　や　line-height:1.4;　なんかは自分のデザインによって変更する必要がありますヨ。
また、画像を右寄せにする場合は、 　<em>　の調整が必要になると思いますが、基本は　position　でやっていけます。

これ変じゃない？ってとこあったら、こっそり教えてくださいませ・・・

タグ:, , ,