ul旁的徽标无效，页面出现故障

Question

我正在导航栏上，但是没有按预期工作。

我希望LOGO一词出现在导航栏的左侧。但是，如果我这样做，一切似乎都超出了屏幕，并且无法正常工作。

HTML：

<nav>
  <div class="hallo"><h1>logo</h1></div>
  <ul class="navbar">
    <li id="About"> <a href="#About"><strong>About</strong></a></li>
    <li id="Contact"> <a href="#Contact"><strong>Contact</strong></a></li>
    <li id="More"> <a href="#More"><strong>More</strong></a></li>
    <li id="Home"> <a href="#Home" color="coral"> <strong>Home</strong></a></li>

  </ul>
</nav>