html - 画像と段落を並べて表示する

Question

画像といくつかのtxtが入ったボックスがあり、txtを画像に対して水平にしたいと思います。これは非常に簡単な質問かもしれませんが、インターウェブで良い答えを見つけることができないようです。助けてくれてありがとう。

<div id='container'>
 <img src='someimage.jpg'/>
 <p>some text</p>
</div>

Answer 1

たとえば、CSSのfloatプロパティを見てください。

<div id='container'>
 <img src='someimage.jpg' style='float: left;'/>
 <p>some text (that will now wrap around the image</p>
</div>

Answer 2

テキストと画像を同じ行のテーブルに配置することをお勧めします。画像は最初の列にあり、テキストは最初の行の2番目の列にあります。これがコードです

<div id='container'>
  <table>
    <tr>
     <td><img src='someimage.jpg'/></td>
     <td><p>some text</p></td>
    </tr>
  </table>
</div>