質問: 要素をインライン要素にしての右寄せ 要素をインライン要素にしての右寄せ 【以下、html】 .text{ font-size:12px; font-weight:normal; margin:0px; padding:25px 0px 0px 35px; } !リンクあいうえお 上記の「あいうえお」の部分を画像やリンクと並列したく、インライン要素で右寄せしたいんですがどうしたらいいでしょうか? よろしくお願いします。
回答: text-align が有効なのはブロック要素。 インラインは内容に合わせてboxを小さくしちゃうから「どっからどこが右?」ってなっちゃう。 なので件の事をやりたいのなら画像とリンクのブロック(左寄せ)と文字のブロック(右寄せ)を組んだ形にする事になるかな。 ただ、そのやり方だと 文字や画像の幅と表示面の幅の不一致で形が崩れたり重なったりブロック内で改行しちゃってズレたりで あまり良くないかも。 右寄せ左寄せを1列に混在させたいなら 避けられない。 (tableのtdで左右に分けるのと余り変らないと思えば良い)