Question

有人能帮助我吗？我想在导航菜单中调整边距。我试图将我的margin-left调整为所有可用的navigaton元素，但它不起作用。

body {
  margin: 0;
  padding: 0;
}

nav {
  background: black;
}

nav ul li {
  list-style: none;
  display: inline-block;
  padding: 5px;
}

nav ul li a {
  text-decoration: none;
  color: white;
}

<div class="container">

  <nav class="main_nav">
    <ul>
      <li><a href="">Home</a></li>
      <li><a href="">Post a question</a></li>
    </ul>
  </nav>

</div>

Answer 1

这是你期望的输出吗？检查jsbin链接中的输出

Jsbin link

<强> CODE

<!DOCTYPE html>
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    body {
        margin: 0;
        padding: 0;
    }
    
    nav {
        background: black;
    	  
    }
    
    nav ul li {
        list-style: none;
        display: inline-block;
        padding: 5px;
    	  margin-left:-25px;
    	  margin-right:25px;
    }
    
    nav ul li a {
        text-decoration: none;
        color: white;
    
    }
    
    </style>
    </head>
    <body>
    
    <div class="container">
    
                <nav class="main_nav">
                        <ul>
                            <li><a href="">Home</a></li>
                            <li><a href="">Post a question</a></li>
                        </ul>
    
                </nav>[enter image description here][1]
            </div>
    
    </body>
    </html>

如何在我的导航中调整CSS margin-left

1 个答案: