javascript - 使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

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

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