Html ul前的空白

我有一个无序列表，显示为内联，但问题是列表前面出现一些空白，如下图所示：

这是css：

#ul-right{
  float:right;        
}

.li-right{
  display:inline;
  font-size:initial;
}

.ul-leftright{
  font-size: 0px;    
}

这是html：

<ul id="ul-right" class="ul-leftright">
  <li class="li-right">
    <a runat="server" href="Login.aspx">Login</a>
  </li>
  <li class="li-right">
    <a runat="server" href="LogOut.aspx">Logout</a>
  </li>
  <li class="li-right">
    <a runat="server" href="Register.aspx">Register</a>
  </li>
  <li class="li-right">
    <a runat="server" href="~/Cart/MyCart.aspx">MyCart</a>
  </li>
</ul>

---

你能告诉我为什么会发生这种情况，你能帮我删除空白吗？

这是

ul

元素的默认填充。大多数浏览器都会添加一个

左填充

值~

40px

试用

ul {
    padding: 0;
    margin:0;
}

---

有些元素有一些默认的填充和边距。

大多数元素都有一些默认的填充和边距。移除它。您可以将衬垫和边距重置为ul和/或liit有效。谢谢大家!@斯蒂芬。不客气..很乐意帮忙：）

ul {
    padding: 0;
    margin:0;
}