Html 导航元素之间有目的的不均匀间距

我在一个标题中有一个导航，在一个列表中有4个基本元素，我希望间隔均匀。我没有问题让它工作

<nav>
     <ul>
        <li><a href="index.html">Portfolio</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="resume.html" >Resume</a></li>
        <li><a href="contact.html" class="selected" >Contact</a></li>
     </ul>
  </nav>
 </header>

但是，我想要一个指向列表中另一个项目的链接，我们称之为feed，我想要与nav的其余部分内联，但浮动到页面的右侧。我希望我可以简单地在一个新列表项周围添加一个nav：

<div class="feed"><li><a href="feed.html">feed</a></li></div>

但这会迫使列表中的其他4项向左移动，因为文本align:center现在将基于feed中从公文包的p到d的中心点居中。因为我希望feed包装在nav中，所以我不能忽略feed项（我也希望它在div中，因为我希望它的样式与其他nav项略有不同）

无论如何，有没有办法保持我的导航完好无损，并进行调整，以允许原来的4个项目（投资组合、关于、简历和联系人）在标题中居中，并使提要进一步向右间隔，但仍保持在相同的导航中

非常感谢

你是什么意思

我在

#feed

li

上使用了绝对定位，并添加了相对于

ul

的位置，以便新的位置

#feed

元素不会干扰对中

更新的HTML

<nav>
    <ul>
        <li><a href="index.html">Portfolio</a>
        </li>
        <li><a href="about.html">About</a>
        </li>
        <li><a href="resume.html">Resume</a>
        </li>
        <li><a href="contact.html" class="selected">Contact</a>
        </li>
        <li id="feed">
            <a href="feed.html">feed</a>
        </li>
    </ul>
</nav>

---

也许吧？是的，这绝对是我迄今为止最好的了，谢谢。定位的唯一问题是调整窗口大小。缩小宽度将使进纸id向内，一旦尺寸变得过窄，最终会与圈的其余部分重叠。也许您可以使用媒体查询来查询特定的窗口/屏幕尺寸，以便布局可以根据窗口尺寸进行调整。

.feed{
   float: right;
}

<nav>
    <ul>
        <li><a href="index.html">Portfolio</a>
        </li>
        <li><a href="about.html">About</a>
        </li>
        <li><a href="resume.html">Resume</a>
        </li>
        <li><a href="contact.html" class="selected">Contact</a>
        </li>
        <li id="feed">
            <a href="feed.html">feed</a>
        </li>
    </ul>
</nav>

nav ul {
    list-style: none;
    margin: 0 30px;
    padding: 2px 20px 0 0;
    position: relative;
}
#feed {
    position: absolute;
    right: 0px;
}