Uschi Renziehausen: Formular mit CSS formatieren

Beitrag lesen

Moin,

es geht auch so:

/* Standard-Labelformat erhält float: left und eine fixe Breite in em */
label { float: left; width: 10em; font-size: 0.88em; font-weight: bold;}
/* Das Pendant zum Labelformat erhält einen entsprechenden margin-left */
div.floatedByLabel {  margin-left: 10em;}

Der HTML-Code dazu:
<div>
 <label  for="title">Title:<span>*</span></label>
 <div class="floatedByLabel">
 <input name="title" type="text" id="title" ... />
 </div>
</div>

Liebe Grüße, Uschi