html - 导航栏没有移到右侧？

Question

我正在尝试重新创建 Google 主页，作为 theodinproject 的一部分，但在尝试将导航栏从顶部移至右侧时遇到问题。

我尝试了 display: flex 和 float: right 但我不确定如何将图像、Gmail 和登录按钮置于右侧。有人告诉我，我的风格也没有得到应用。有人愿意帮忙吗？我将不胜感激。下面是我的 html 和 css 代码片段以及页面显示方式的链接。 /image/pAgDn.png

    <ul>
    <li><a><button>Sign in</button></a></li>
    <li><a href="#images">Images</a></li>
    <li><a href="#gmail">Gmail</a></li>
    </ul>  
</header>

ul {
    list-style-type: none;
  }
  
  li {
    float: right;
  }
  
  li a {
    display: block;
    padding: 10px 10px;
  }```

Answer 1

看来你唯一的错误是没有 <style>标记你的 CSS 代码。试试这个。

<style>
ul {
    list-style-type: none;
  }
  
  li {
    float: right;
  }
  
  li a {
    display: block;
    padding: 10px 10px;
  }
</style>