如何将图标放置在我想要的位置？

Question

在我当前网页标题中图标的 HTML 代码中，我使用以下代码：

<a href=''><img src=''/></a> | <a href=''><img src''/></a>

它将我的图标放置得非常靠近，彼此相邻，但带有“|”他们之间。

有人可以推荐任何最好的 HTML 代码示例，这将允许我更具体地放置图标并且没有“|”在他们之间。

（请原谅之前对我的问题的糟糕解释！）

Answer 1

您可以使用与 HTML 内联的 CSS，如下所示：

<a href='' style='margin: 0px 10px 0px 10px'><img src=''/></a> <a href='' style='margin: 0px 10px 0px 10px'><img src''/></a>

这会在每个链接的左侧和右侧添加 10px 边距。

然而，在 HTML 页面的头部添加 CSS 会是一个更好的主意：

<style type="text/css">
.menuItem {
margin: 0px 10px 0px 10px;
}
</style>

然后使用它作为 HTML：

<a href='' class='menuItem'><img src=''/></a> <a href='' class='menuItem'><img src''/></a>