Thomas W.: Lückentext mit CSS erstellen

Beitrag lesen

Hallo,

für einen Lückentext würde ich gerne die Lücken mit CSS erstellen, sprich einen leeren Bereich mit einer gewissen Breite in einem Text freilassen. Leider funktioniert das folgende nicht

Text Text Text <span class="leereluecke"></span> Text Text

.leereluecke { position:relative; width:2cm; },

da inline-Elemente nach http://www.w3.org/TR/REC-CSS2/visudet.html#q4 keine width oder min-width Eigenschaft haben. Setze ich das Ganze mit <div>, kriege ich Zeilenumbrüche in den Text.
Hat jemand eine Idee, wie ich das hinkriege (ohne dass ich z. B. 20 Leerzeichen in das span-Element schreibe, dann brauch ich kein CSS mehr)?

Gruss
Thomas