Horizontally centering/evenly distributed
  • inside of
      inside a
  • 前端 未结 8 1734
    情书的邮戳
    情书的邮戳 2020-12-08 07:34

    Have a Navbar

    8条回答
    •  隐瞒了意图╮
      2020-12-08 07:52

      you need to define a fixed width for your container .

      for example:

      .navbar {
      width: 1000px; /* */
      margin: 0 auto;
      background-color: #ABCDEF; }
      

      if you want to keep your bg color of .navbar, stick with 100%, remove float left from li and style it like this->

      .navbar ul {
          list-style-type: none; /*to remove bullets*/
          text-align: center;
          margin: 0 auto;
          padding: 0px;
          width: 800px;
          overflow: hidden;
      }
      .navbar li{
          display: inline-block;
          padding: 2px;
          width: 150px;
          marign: 0 auto;
      }
      

    提交回复
    热议问题