html - 表の右枠の問題

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;
}