Vinzenz Mai: inline-Element mit fester Breite und Zeilenumbruch davor

Beitrag lesen

Hallo,

<form ...>

<p>
        <label for="sorte">Eissorte </label>
        <select name="sorte" id="sorte">[...]</select>
        <label for="behaeltnis">Behältnis </label>
        <select name="behaeltnis" id="behaeltnis">[...]</select>
        <input type="submit" value="bestellen" />
    </p>
</form>

  

> Gewünschtes Aussehen:  
  

>     Eissorte  <Erdbeer...>  
>     Behältnis <Waffel..> [bestellen]  
>   
> (oder auch mit dem [bestellen]-Button in einer neuen Zeile)  
  
warum nicht: form- oder p-Element eine Breite geben, label- und select-Elemente mit display:block und einer Breite versehen, die sich an der vorhandenen Breite orientiert und floaten lassen?  
  
Warum keine Liste oder Tabelle?  
  
Letzeres ist ernst gemeint. Vor Jahrhunderten gabs noch kein HTML, aber Behörden, die schon damals unstillbaren Hunger auf ausgefüllte Formulare hatten. Man verwendete Tabellen, um die Formulare übersichtlich zu gestalten. Das ist nicht verwunderlich, denn schließlich handelt es sich bei Formularelementen um tabellarische Daten.  
  
Eine Liste wär' auch noch 'ne einfache Möglichkeit ...  
... und dann gibts noch das br-Element. ;-)  
  
Ich fürchte jedoch, Du nimmst lieber kompliziertes (und von noch weit verbreiteten Browsern nicht unterstütztes) CSS :-)  
  
  
Freundliche Grüße  
  
Vinzenz