HOME>k.kimura> CSS > 1行の中で左右に要素を分けるcss

K.KIMURA

k.kimura

CALENDAR

MENBER

a.joboji

k.nakasato

y.ainai

a.yamaguchi

k.kimura

h.nakamura

k.miura

y.seki

y.suzuki

 
 

1行の中で左右に要素を分けるcss

3カラムでブロック要素の高さを揃えるCS>> <<今日の独り言...No1
2008.1.25
1行の中で左右に要素を分ける時のcssについて書留ます。

いつも忘れがちなので・・・。
css_1.jpg<h1 style="text-align:right;"><span style="float:left;">題名</span>日時</h1>
でできます。

・・・・・・・・説明・・・・・・・・・
大元の要素(今はh1)にtext-align:rightで全体を右寄せにします。
次に、右に寄せたい要素(今は題名)をspanでくくり、float:left;で左に寄せましょう。

で、出来上がり★

h1で使うことはないと思うのですが、例ということでご容赦ください。
自分がよく使うのは、li.pなどが多いです。

------追記---------
画像は、イメージです。
文章書きが苦手なもので、要点だけでごめんなさい。
出来ない場合は、コメント下さい。出来るだけお答えいたします。





関連エントリー

TRACKBACK(0)

このブログ記事を参照しているブログ一覧: 1行の中で左右に要素を分けるcss

このブログ記事に対するトラックバックURL: http://www.grooblog.com/mt4/groove-tb.cgi/47/tb/XXXX

CAPTCHA
トラックバックスパム防止のため、末尾の XXXX 部分を上記画像の数字に置き換えてからご利用ください。お手数ですがご協力よろしくお願いいたします。

COMMENTS

電子メール・URLは未記入でもかまいません。
 

画像の中に見える文字を入力してください。

3カラムでブロック要素の高さを揃えるCS>> <<今日の独り言...No1