html - 在 CSS 中，如何将一段文本放在中间，将 Logo 放在导航栏的左侧？

Question

我很难练习，无法解决这个问题来挽救我的生命。 7个小时试图找到解决方案无济于事!什么都不会改变。

我只是希望文本位于中间，如本网站或本网站 a link .我想要一个上面有文字的不透明黑框，而不是全白的。我的文字到处都是。左边是 Logo ，右边是导航栏/菜单。 https://imgur.com/a/1oCKaco链接到代码。 https://codepen.io/admitdefeat/pen/BEyMzK

HTML

<div class="post-body">
  <p>Do you need something done to your home or around your home? Do you feel as if your home doesn't have the same appeal as when you got it? Call our team of professionals and we can do what is needed to your home, yard and business that will improve
      its look and how you feel when you see it!</p>
</div>

CSS

post-body{    
  padding-top: 3rem;
  position: relative;
  box-sizing: inherit;
}
div {
  display: block;
}

谢谢。

我看过关于如何定位、div、容器的视频，并尝试将信息放在一起。但是，有些事情我不明白。

我希望页面对齐并定位。

Answer 1

只是不要感到压力，如果您希望菜单始终位于右上角，只需为其指定规则即可:

`#menu{
    position: fixed;
    right: 5px; /* or the amount you want */
    top: 5px; /* or the amount you want */
}`

在 Logo 上应用相同的逻辑，最后添加 text-align: center; 让您的文本在页面中居中，瞧!