css - Css：将图像立即放在标题和副标题的右侧

Question

假设我有这个 html 代码：

<img src="pic.jpg"/>
<h1>Title!</h1>
<h5>A subtext</h5>
<hr/>

什么css代码会给我以下结果？

Answer 1

<div id="container">

<div class="content_left">
  <h1>Title!</h1>
  <h5>A subtext</h5>
  <hr/>
</div>
<div class="content_right">
  <img src="pic.jpg"/>
</div>
<div>

CSS：

#container {
  width: yourwidth;
  height: yourheight;
}

.content_right {
  float:right;
  width: width of image;
}
.content_left {
  float:left;
  width: width of text;
}

当然，这只是可以做到这一点的众多方法中的一种......