html - 使用 HTML 将图像彼此相邻添加时删除垂直空间

Question

我对 html 和 css 编码非常陌生，最近我使用 wordpress 创建了自己的网站。

在 wordpress 的一个页面中，我想添加彼此相邻的图像，并用一个小空间分隔；我成功地做了一些事情，但不幸的是图像没有水平对齐。第二张和第三张图片位于第一张图片的下方。

我在不对 css 进行任何更改的情况下使用的 html 编码如下:

<a href="http://www.mywebsite.com/wp-content/uploads/2015/03/Image_1.jpg"><img style="float: left;" src="http://www.mywebsite.com/wp-content/uploads/2015/03/Image_1-150x150.jpg" alt="Image_1" width="150" height="150" hspace="10" />
</a>
<a href="http://www.mywebsite.com/wp-content/uploads/2015/03/Image_2.jpg"><img style="float: left;" src="http://www.mywebsite.com/wp-content/uploads/2015/03/Image_2-150x150.jpg" alt="Image_2" width="150" height="150" hspace="10" />
</a>
<a href="http://www.mywebsite.com/wp-content/uploads/2015/03/Image_3.jpg"><img style="float: left;" src="http://www.mywebsite.com/wp-content/uploads/2015/03/Image_3-150x150.jpg" alt="Image_3" width="150" height="150" hspace="10/" />
</a>

任何帮助将不胜感激。

非常感谢戴米斯

Answer 1

您需要编写少量 CSS 来完成这项工作。 Here是如何做的详细信息。