如何对齐此边框？

Question

这是我到目前为止所做的：http://jsfiddle.net/u8GHJ/

我要做的是将黑色边框贴在蓝色框的左侧。实现这一目标的简单方法是什么？不，我不能只将border-left:4px solid black;添加到#container li。

它应如下所示：http://i.stack.imgur.com/oLBK8.png

编辑：我需要将边框移动到容器而不是相反的位置，因此在这种情况下将padding设置为0将无济于事。

Answer 1

ul元素上有默认填充。要删除它，请将ul {padding:0;}（或#container {padding:0;}）添加到您的CSS中，并且所有内容都会看起来像桃子色。

在此处查看您的更新示例：

http://jsfiddle.net/agconti/u8GHJ/1/

Answer 2

ul默认padding尝试解决您的问题：

#container{
    padding:0;
}

JS Fiddle

Answer 3

我已经解决了你的问题。只需添加ul

的css属性即可

ul{
    padding:0px;
  }

Click here for DEMO