在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>