CSS 并在图片旁边放置文本

Question

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

URL 示例： 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 元素的左侧或右侧不允许有浮动元素。来自 http://www.w3schools.com/cssref/pr_class_clear.asp

CSS 并在图片旁边放置文本

CSS and Placing Text Next To Image

css

text

image

alignment