Tabelle <TD> Rechtsrandproblem

Question

Bitte werfen Sie einen Blick auf dieses Fiddle

jsfiddle.net/Qstuw/2/

Wie Sie auf dem Bild sehen können, ist der rechte Rand der ersten Zeile an einer anderen Stelle. Ich versuche, alle rechten Ränder so aussehen zu lassen, als wären sie eine Linie - ich meine, an der gleichen Stelle

Wie kann ich das machen?

Answer 1

Fügen Sie allen Ihren div-Elementen einen transparenten linken Rand hinzu - http://jsfiddle.net/Qstuw/4/

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

Answer 2

Siehe http://jsfiddle.net/Qstuw/3/

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

div.Answer.SelectedDiv{
    border-left: 4px solid #90db99; /* gleich wie bei border-left */
    margin-bottom: 15px;
    margin-left:0; /* setze margin-left zurück */
}

Answer 3

Es ist dieser 4px-Rand auf der linken Seite der ausgewählten Antwort, der es macht.

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

Sie könnten einfach einen Rand links von all Ihren Antworten hinzufügen.

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