Question

我试图让我的菜单项在我的菜单栏上向右移动。但它不起作用。它甚至不能让它再次左对齐，即使我删除了align：center代码。有人有主意吗？感谢

＆＃13;

.menu {
  background-color: black;
  height: 25px;
  font-size: 20px;
}
.menuItem {
  display: inline;
  margin-top: 15px;
}
.menuItem a {
  color: white;
  text-decoration: none;
}
.menuItem a:hover {
  color: purple;
}

＆＃13;

<div class="main">
  <div id="header"></div>
  <div class="menu">
    <div class="menuItem"><a href="Quizes.aspx">Välj quiz</a>
    </div>
    <div class="menuItem"><a href="Login.aspx">Logga in</a>
    </div>
  </div>
  <asp:ContentPlaceHolder ID="mainContent" runat="server"></asp:ContentPlaceHolder>
</div>

＆＃13;

Answer 1

你想要像.....这样的东西试试这个（添加了text-align：right，它工作正常）

<html>
<head>
    <style>
    .menu {
    background-color: black;
    height: 25px;
    font-size: 20px;
}
.menuItem {

    margin-top: 15px;
    text-align: right;
}
.menuItem li{
    list-style: none;
     display: inline;
     color:white;
}

.menuItem a {
    color: white;
    text-decoration: none;
}
.menuItem a:hover {
    color: purple;
}
    </style>
</head>
<body>
    <div class="menu">
    <div class="menuItem"><ul>
    <li>Item</li>
    <li>Item2</li>
    <li>Item3</li>
</ul>
    </div>
    </div>

</body>
</html>

文字对齐：对不起作用

1 个答案: