表的右边界问题

Question

请看一下这个小提琴

jsfiddle.net/Qstuw/2/

从图片中可以看出，第一行的右边界位于不同的位置。我试图将所有正确的边框设置为1行 - 我的意思是在同一个地方

我该怎么做？

Answer 1

为您的所有div - s - http://jsfiddle.net/Qstuw/4/

添加透明的左边框

div.Answer {
    margin: 5px 0 5px 0;
    padding-left: 10px;
    border-left: 4px solid transparent;
}

Answer 2

请参阅http://jsfiddle.net/Qstuw/3/

div.Answer {
    margin: 5px 0 5px 4px; /* 4px margin-left */
    padding-left: 10px;
}

div.Answer.SelectedDiv{
    border-left: 4px solid #90db99; /* same to border-left */
    margin-bottom: 15px;
    margin-left:0; /* reset margin-left */
}

Answer 3

这是所选答案左侧的4px边框。

div.Answer.SelectedDiv{
border-left: 4px solid #90db99;
}

您可以在所有答案的左侧添加边框。

div.Answer {
border-left:4px solid #ffffff;
}