css - jQuery 选项卡需要移动

Question

我在对齐 jQuery 标签时遇到了问题，我使用了一些代码并对其进行了更改并自己设置了样式，但是对齐似乎在左侧留下了一个空格，这是我不想要的，并且我不确定如何摆脱它。这就是我的意思...

http://postimage.org/image/8k5rcz941/

这是 CSS 代码:

.usual {
  color:#111;
  padding:15px 20px;
  margin:8px auto;
}
.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10pt Verdana;
  color:#FFF;
  background:#444;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#fff;
  background:#003663;
  border-bottom:1px solid snow;
  cursor:default;
  }
.usual div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:snow;
  font:8pt Verdana;
  border: 1px solid #d0d0d0;
}
.usual div a { color:#000; font-weight:bold; }

希望你能帮我把这个移到左边，我一直想弄清楚它是什么，但就是做不到:(

感谢和问候。

Answer 1

我猜测 ul 应用了边距或填充。删除它:

.usual > ul {
    margin: 0;
    padding: 0;
}