我无法在单个粘性div中创建两个分开的文本

Question

我是html和css的新手，实际上是编码的新手，但是我正在尝试通过尝试简单的小事情来实践我所学到的东西。我被卡住的地方是，我试图将2个单独的文本添加到单个<div>中，并将其放置在左侧和右侧。我的目的是使它们看起来像菜单，方法是使它们与那2个单独的文本粘在一起，但是右侧的文本也是一个座右铭，当您单击它时，例如将打开stackoverflow.com

Answer 1

这是您可以做什么的一个过于基本的示例。如果您更新了问题，我将对其进行更详细的更新。

Codepen示例：https://codepen.io/anon/pen/XOKgvL

HTML：

<ul class="list-nav">
  <li><a href="#">Home</a></li>
  <li><a href="https://stackoverflow.com/">StackOverflow</a></li>
</ul>

CSS：

.list-nav li{
  display: inline;
}