Ich finde zwar ebenfalls, dass deine Lösung die bessere ist, aber deine Idee mit dem rechtsbündigen Namen könntest du, ohne eine Tabelle bauen zu müssen, auch mit »float: left« erreichen. Im Code sähe das so aus:
<p class="name"><span class="name">Sprecher 1</span> Text Text Text</p>
und im Stylesheet so:
p.name { padding-left: 2em; text-indent: 0 }
span. name { float: left; width: 1.8em; text-align: right; margin-left: -2em }
Ich habe evtl. irgendwas für’s Stylesheet vergessen, vielleicht probierst du es einfach mal aus.
Die zu langen Namen könnte man so lassen, wie du es ursprünglich hattest.
ETA:
2em als linker Rand dürften nur für sehr kurze Namen ausreichen (selbst »Sprecher 1« braucht schon mehr), das müsstest du wahrscheinlich anpassen.
Last edited by pynch; 12-21-2014 at 05:10 AM.
|