CSS 和将文本放置在图像旁边

Question

我有一些文本和图像，我想将文本放置在图像的右侧。 我已使图像向右浮动，但问题是我只想将 2 第一行放置在图像旁边。 我希望其余文本保留在图像下方，就像关闭 float 时一样。

网址示例: http://salient.peterstavrou.com/5937-2/

我有以下图像代码:

.audiodownload {
  width: 120px !important;
  float: left;
}

我正在使用 WordPress，页面中的 HTML 是:

 <h2>Good Audiobook</span></h2>

  Click on the image below to see if the Audiobook is available.
 <a href="https://www.youtube.com/results?search_query=The+7+Habits+of+Highly+Effective+People+audiobook" target="_blank"><img class="audiodownload" src="http://www.peterstavrou.com/wp-content/uploads/2015/10/YouTube-MP3-Audio.jpg" alt="Audiobook Download" /></a>
 If the Audiobook is available then you can download it to your computer as an .mp3 audio file by following these instructions
&nbsp;

The 7 Habits of Highly Effective People is recognized as one of the most influential audiobooks ever recorded. In this Audiobook Stephen R. Covey presents a holistic, integrated, principle-centered approach for solving personal and professional problems. 
With penetrating insights and pointed anecdotes, Stephen Covey reveals a step-by-step pathway for living with fairness, integrity, honesty and human dignity - principles that give us the security to adapt to change, and the wisdom and power to take advantage of the opportunities that change creates.

Answer 1

在您想要位于图像下方的段落样式中，使用:

p {
    clear: both;
}

指定 p 元素的左侧或右侧不允许有 float 元素。来自 http://www.w3schools.com/cssref/pr_class_clear.asp