html - 在 html 和 css 中对齐图像和下载按钮的问题

Question

我已经使用 html、css 和一些脚本创建了简单的网页。

这是我试过的 jsfiddle http://jsfiddle.net/67x8cyp9/12/

HTML:

<div class="text-wrap"><img align="right" src="img/9780143332497.jpg"></div>
<div><form method="get" class="caption" action="9780143332497.jpg"><button type="submit">Download!</button></form></div>

我可以知道，如何将下载按钮放在图片下方吗？

提前致谢。

Answer 1

将表单 div 放入 .text-wrap Updated Fiddle

<div class="text-wrap">
   <img align="right" src="http://s2.postimg.org/8tyari0qx/9780143332497.jpg">
   <div>
      <form method="get" class="caption" action="9780143332497.jpg"><button type="submit">Download!</button></form>
   </div>
</div>