Beschriftung und Input Feld in einer Spalte

PhoenixDH

Erfahrenes Mitglied
Hallo zusammen,

ich habe leider wenig Erfahrung mit CSS und benötige eure Hilfe.
Ich habe ein Plugin in einem CMS was mehr oder weniger ein Form Builder ist und mir eine Seite mit Label und Input Feld generiert.

Standard sieht das so aus:
Label
Input
Label
Input

Ich hätte aber gerne folgendes:
Label Input
Label Input

Hier mal der generierte HTML Code:
Code:
<dt class="jform_anmeldeart">
<label id="jform_anmeldeart-lbl" for="jform_anmeldeart" class="">Anmeldeart:</label>
</dt>
<dd class="jform_anmeldeart">
<select id="jform_anmeldeart" name="jform[anmeldeart]">
<option value="Geschäftlich">Gesch&auml;ftlich</option>
<option value="Privat">Privat</option>
</select>
</dd>

<dt class="jform_seminarart">
<label id="jform_seminarart-lbl" for="jform_seminarart" class="">Seminarart:</label>	                	            
</dt>
<dd class="jform_seminarart">
<select id="jform_seminarart" name="jform[seminarart]">
<option value="Individualschulung">Individualschulung</option>
<option value="Onlineschulung">Onlineschulung</option>
</select>
</dd>

Ich habe es per CSS leider nicht hinbekommen.
Hier mal mein Ansatz:
Code:
div.qlform dt.jform_anmeldeart {display: inline-block;white-space: nowrap}
div.qlform dd.jform_anmeldeart {display: inline-block;white-space: nowrap}
div.qlform dt.jform_seminarart {display: inline-block;white-space: nowrap}
div.qlform dd.jform_seminarart {display: inline-block;white-space: nowrap}

dt ist das Label und dd das Input Feld.

Aber was passiert ist leider:
Label Input Label Input

Ich wäre euch sehr dankbar für eure Hilfe!

Gruss
 

Neue Beiträge

Zurück