html - フローティング画像の周りでテキストが回り込まないようにする

Question

現在、左に浮いている画像と、その右にあるテキストのブロックがあります。そのテキストのブロックは現在フローティングではなく、HTML の画像の後に来るだけです。そのため、長くなるにつれて、最終的に画像の左下にキックオーバーして続きます.

テキストのブロックが常に画像の右側にあるようにするにはどうすればよいでしょうか?画像とテキストが 2 つの横に並んだ列のように動作するようにするにはどうすればよいでしょうか? この 2 つの要素以外では何もできないことを覚えておいてください。それらの周りにラッパーを追加できません。前、間、または後に要素を追加できます。しかし、周りではありません。

ありがとう。

Answer 1

p
{
width:1000px;
display: table-row;       
}

Answer 2

固定回答

テキストもフロートします。:)

http://jsfiddle.net/Hs7pN/

#image
{
    background-color: #09C;
    float: left;
    height: 200px;
    width: 200px;
}

#text
{
    float: left;
    width: 400px;
}

Answer 3

可能であれば固定幅を設定し、テキストを両端揃えにしてみてください