使HTML元素不占空间

Question

我有一个在其他一些元素的开头动态添加的元素。我希望它显示在文本旁边，但不占用任何空间并破坏我的布局。这就是我所拥有的：

<nav>
   <a href="webdev.html">Web Development</a>
   <a href="libraries.html">Libraries</a>
   <a href="software.html">Software</a>
   <a href="contact.html">Contact</a>
</nav>

和

nav {
    text-align: center;
}

nav a {
   color: gray;
   font-size: x-large;
   margin-left: 60px;
   margin-right: 10px;
   text-decoration: none;
}

我希望元素（球）显示在导航链接旁边而不移动它们。我尝试了一些定位但不起作用（例如，float: left，边缘技巧，position: absolute）。

Answer 1

您希望图像显示为背景。

 background-image: url("file.png");

如果你想要一个不同的元素，它可能会有所不同。你能详细说明吗？

Answer 2

我需要调整边距。由于图像具有固定的宽度，我只是减去，所以：

nav a.selected {
     margin-left: 28px;
}