数字标签html,无法理解与数字标签HTML5

我使用HTML5需要使用在一个水平线上相邻放置对方4个数字标签页面上的工作空间的要求。每个数字标签包含一个图像，其中包含一个图标80X80px，图像下方是标题。无法理解与数字标签HTML5

它看起来像下面的东西：

问题：使用的开发工具，当我将鼠标悬停在数字标签，它显示的尺寸为80px×120像素这是罚款，以图标的组合+标题考虑在内。但是，在快照中可以看到它在渲染时的实际效果。它占据一些额外的空间(宽度正在显示为80px但它的使用比这更多！)，其推动所述相邻图进一步向右比它需要。的代码片段看起来如下：

HomePage
(Website)

Profile
(LinkedIn)

用于上述安排的唯一的CSS：

figure.icons

{

position:relative;

float:left;

margin-top: 5px;

margin-left: 1px;

}

以上是唯一的CSS中使用相关的问题。在样式表中尚未使用其他分配的类/ ID。

我哪里错了？我该如何解决？我需要将4个这样的数字相邻放置。请帮忙，谢谢！

+1

做的类是什么样子？即“figureIcons”，“extLinks”，“图标”，“linksIcons”。 –