WebDev - Align Logo Text＆amp;导航栏使用“内联块”

Question

我是Web开发的新手，所以我正在摆弄HTML / CSS。我很好奇如何将徽标/网站标题文本与导航栏对齐。我几个小时以来一直在阅读类似问题的SO答案，答案似乎是利用“内联块”。但无法让它发挥作用。基本上我想在左上角的“Marston”和右上角的Nav Bar。我希望它们垂直对齐。另外，我可以将导航栏放到右侧的唯一方法是创建一个261px的巨大左边距 - 这似乎不是最佳的。

我创建了一个https://jsfiddle.net/19n8v82w/小提琴供你们看，虽然格式在小盒子里变得怪异。

非常感谢任何帮助。

#page-title {
display: inline-block;
text-transform: uppercase;
letter-spacing: 8px;
font-weight: 400;
font-size: 3rem;
margin-left: 30px;
}

Answer 1

如果您将此样式添加到标题并删除边距，您将获得所需的布局：

loadingRequest.contentInformationRequest.contentType

header {
  display: inline-block;
}

Answer 2

将float添加到nav 这是我的建议：

nav {
  display: inline-block;
   margin-right: 30px;
  margin-left: 0;
  float: right;
}

https://jsfiddle.net/o3q96gq6/1/

希望，我理解正确，这正是你所需要的。