Twenty Twelve - Bildbeschriftung ohne Abstand

Wenn ich ein Foto mit einer Beschriftung "Beispieltext Text Text Text Text Text Text Text" in einen Post einfüge, dann sieht das zunächst so aus:

[caption id="attachment_1234" align="alignleft" width="300"]<a href="http://beispiel.de/wp-content/uploads/2014/09/Foto.jpg"><img src="http://beispiel.de/wp-content/upl…oto-300x195.jpg" alt="Beispieltext Text Text Text Text Text Text Text." width="300" height="195" class="size-medium wp-image-1234" /></a>Beispieltext Text Text Text Text Text Text Text.[/caption]

Auf der tatsächlichen Website sieht das Ergebnis im Quelltext so aus:

<div id="attachment_1234" class="wp-caption alignleft" style="width: 310px">
<a href="http://beispiel.de/wp-content/uploads/2014/09/Foto.jpg">
<img src="http://beispiel.de/wp-content/upl…oto-300x195.jpg" alt="Beispieltext Text Text Text Text Text Text Text." width="300" height="195" class="size-medium wp-image-1234"/>
</a>
<p class="wp-caption-text">Beispieltext Text Text Text Text Text Text Text.</p>
</div>

Hier wird ein 310 px breites Element beschrieben, das nach links ausgerichtet ist und vom Artikeltext umflossen wird. Da das Foto lediglich 300 px breit ist, gibt es rechts vom Foto einen Abstand zum Artikeltext, der 10 px beträgt.
DAS PROBLEM:
Die Bildbeschriftung (Bildunterzeile) "Beispieltext Text Text Text Text Text Text Text." nutzt die gesamten 310 px des Elementes aus, so dass zwischen Bildbeschriftung und Artikeltext 0 px Abstand bestehen.
Wie kann ich erreichen, dass zwischen Bildbeschriftung und Artikeltext 10 px Abstand entstehen?

Danke für eure Hilfe

hsc

Gerne: http://ehrenamt.kerstin-griese.de/2000/09/25/beispiel/

Tipp 1 war erfolglos ... keine Änderung zu sehen.

Ja klar. Das ist es. Ich habe [COLOR=#ff0000]padding-right: 10px;[/COLOR] hingeschrieben - dann ist die Bildunterschrift weiterhin linksbündig.
Vielen Dank

Aber jetzt die schwierigere Aufgabe:

Das zweite Foto auf http://ehrenamt.kerstin-griese.de/2000/09/25/beispiel/.
Auch dieses rechtsbündige Bild ist 300 px breit. Da aber eine Bildbeschriftung dabei ist, wird das Element 310 px breit. Das heißt, es rutscht 10 px nach links.
Im Vergleich dazu das dritte Foto - das hat keine Bildbeschriftung und steht perfekt rechtsbündig.

Herzlichen Dank! Jetzt bin ich auf der Spur.

Trotzdem gibt es noch Probleme: http://ehrenamt.kerstin-griese.de/2000/09/25/beispiel/

Das linksbündige Bild ohne Beschriftung hat ordentliche Abstände nach allen Seiten. (margin: 0.86rem 1.71rem 0.86rem 0px;) Das linksbündige Bild mit Beschriftung befindete hingegen viel zu nah am Artikeltext. Was tun?

Bei dem rechtsbündigen Bild ist wegen float:right; der Abstand zwischen Bild und Bildbeschriftung weggefallen. Was tun?

.wp-caption.alignright img {
margin-left: 10px;
}
.alignleft {
    float: left;
    margin: 12px 14px 12px 0;
    margin: 0.857142857rem 1rem 0.857142857rem 0;
}
.alignright {
    float: right;
    margin: 12px 0 12px 14px;
    margin: 0.857142857rem 0 0.857142857rem 1rem;
}

So scheint es gut auszusehen.