Html 如何将导航条与div对齐？

这是我的网站

有人知道如何将导航栏放在我的内容将放在的白色框旁边吗？我只想让它与白色框垂直对齐，但要让它正好位于它的左侧。谢谢

HTML

---

编辑：我误解了这个问题，以下是新的答案：

我将导航和内容再次放在同一个容器下，但容器现在相对定位，导航绝对定位在顶部：0，左侧：0。可以通过调整容器宽度或使用导航的“左”属性来控制导航与内容的距离。我已经在容器周围应用了虚线边框来演示正在发生的事情，但在您的站点中，当然不需要边框

原文：

如果您可以包含其余的代码，我可以给您一个更好的示例，但以下是您想要的布局：

这里的关键是nav和内容在标记元素中是相邻的。我使用float left使它们位于同一垂直线上，但还有其他技术

导航是向左浮动的，因此它不占用任何流动空间，并允许内容在中心水平对齐，使用固定宽度和自动边距

它们都包含在一个容器中，以便在必要时保留徽标的边距 还可以看到有一个clearfix元素，用于clearfix。谷歌搜索它来了解它的功能，但基本上它允许容器在浮动元素上伸展，这样就不会弄乱布局

<div class="purple-logo"></div>
<div class="container">
  <div class="nav"></div>
  <div class="content"></div>  
  <div class="clearfix"></div>
</div>

---

这是我的CSS和HTML，我希望导航栏位于内容框的右侧，而不是屏幕的左侧。如果你能像我一样将HTML和CSS粘贴到代码笔中，那就太好了。我不能处理图像。我将上传我的新示例

nav {                   
    margin: auto;
}

<div class="purple-logo"></div>
<div class="container">
  <div class="nav"></div>
  <div class="content"></div>  
  <div class="clearfix"></div>
</div>