Php 如何在同一行上获取标题和导航菜单

我正试图得到我的网站标题和导航在同一行。我希望标题向左对齐，导航居中。我的代码似乎不起作用，所以我想知道是否有人有任何解决方案？提前谢谢

一个我想让它看起来像什么的例子。。。

myheader.php

给你，伙计，希望这有帮助



标志

第1页
第2页
第3页
第4页

.导航{
浮动：左；
宽度：100%；
填充：10px0；
底部边框：2件纯黑；
}
.集装箱{
最大宽度：90%；
保证金：0自动；
位置：相对位置；
}
.标志{
位置：绝对位置；
排名：0；
左：0；
}
导航ul{
保证金：0自动；
文本对齐：居中；
}
李国荣{
显示：内联块；
}

<div class="navigation">
  <div class="container">
    <div class="logo">
      <!-- <img src="#" alt=""> -->
      <span>LOGO</span>
    </div>
    <nav>
      <ul>
        <li>Page 1</li>
        <li>Page 2</li>
        <li>Page 3</li>
        <li>Page 4</li>
      </ul>
    </nav>
  </div>
</div>

.navigation {
  float: left;
  width: 100%;
  padding: 10px 0;
  border-bottom: 2px solid black;
}

.container {
  max-width: 90%;
  margin: 0 auto;
  position: relative;
}

.logo {
  position: absolute;
  top: 0;
  left: 0;
}

nav ul {
  margin: 0 auto;
  text-align: center;
}

nav ul li {
  display: inline-block;
}