Hallo, ich hoffe, ich bekomme mein Problem angemessen beschrieben:
Ich habe einige Checkboxen alle untereinander angeordnet. Neben die Checkboxen in der selben Zeile soll ein Erklärungstext.
Diese Erklärungstexte sollen linksbündig ausgerichtet sein, also den selben Anfang haben. Meine Idee war es, diesen Texten mit einer class="erklärung" einfach eine margin-left von 40px zu geben - dies scheint aber keine Wirkung zu zeigen. Vielleicht könnt ihr mir helfen.
HTML
<h4>Zubehör</h4>
<div class="ruck">
<input type="checkbox" data-price="9" name="Zubehoer3"><label>
Polierpaste
<span class="preis">
+9,00 €
</span>
</label><span class="erklärung">Wenn das beste mal an Glanz verliert</span><br>
<input type="checkbox" data-price="540" name="Zubehoer2"><label>
Verkleidung
<span class="preis">
+540,00 €
</span>
</label><span class="erklärung">Verkleidet alles angemessen</span><br>
<input type="checkbox" data-price="40" name="Zubehoer1"><label>
Zusätzliche Handkurbel
<span class="preis">
+40,00 €
</span>
</label><span class="erklärung">Falls du mal deine verlierst</span></div>
<style type="text/css">
.preis{opacity: 0.7; }
.ruck{ padding-left: 40px;}
input[type="checkbox"]:checked + label{
font-weight: bold;
line-height: 1.3em;
}
.erklärung { margin-left: 40px;}
</style>
Gruß
Lukme