Hallo Steve,
entweder es ist zu früh und ich steh aufm schlauch, aber ich hab ein kleines Problem:
es ist meist eine gute Idee, die geeignetesten HTML-Elemente für den Inhalt zu wählen. Das da
<br />
als schlüsselfertiges Massivhaus ab <span class="preis">107.640 €</span>
<br />
als Energiesparhaus KfW 85 ab <span class="preis">107.640 €</span>
<br />
als Ausbauhaus ab <span class="preis">69.880 €</span>
kann man als Preistabelle mit den Spalten Typ und Preis ansehen. In Tabellenzellen ist die Textausrichtung ganz einfach.
Listenfans würden's vermutlich als Definitionsliste auszeichnen und die dt- und dd-Elemente entsprechend floaten und clearen.
Für mich ist sowas eine Tabelle und ich verwende für solche Sachen \*immer\* eine Tabelle.
~~~html
<table>
<tr>
<td class="typ">als schlüsselfertiges Massivhaus ab</td>
<td class="preis">107.640 €</td>
</tr>
<tr>
<td class="typ">als Energiesparhaus KfW 85 ab</td>
<td class="preis">107.640 €</td>
</tr>
<tr>
<td class="typ">als Ausbauhaus 85 ab</td>
<td class="preis">69.880 €</td>
</tr>
</table>
und dem CSS
td.typ {
text-align: left;
}
td.preis {
text-align: right;
}
Gib den Spalten angemessene Breiten und es sollte passen.
Freundliche Grüße
Vinzenz