Label-Element / input umschließen? display:block?

[ChrisB]

Hi,

<label for="my-input">Label

<input id="my-input"/>
  <span class="input-hint">Hinweis, was in das Eingabefeld rein soll</span>
</label>

> > kriegst du es sehr wohl hin - siehe: [JSFiddle](http://jsfiddle.net/Netsurfer/YWmy6/)  
> >   
> > Sogar mit dem "Vorteil" verbunden, dass zusammensteht, was auch zusammen gehört ...! :-P  
>   
> Da sind wir wieder bei der Bedeutung des label-Elements: Ist das wirklich als gruppierendes Element für alles gedacht, „was auch zusammen gehört“? Oder doch eher – wie seine Benennung suggeriert – zur Auszeichnung der Beschriftung eines Eingabefelds?  
  
<http://www.w3.org/TR/html5/forms.html#the-label-element> hat zumindest ein weitgehend dazu analoges Beispiel:  
  

> The following example shows three form controls each with a label, two of which have small text showing the right format for users to use.  
  
~~~html
<p><label>Full name: <input name=fn> <small>Format: First Last</small></label></p>  
<p><label>Age: <input name=age type=number min=0></label></p>  
<p><label>Post code: <input name=pc> <small>Format: AB12 3CD</small></label></p>

MfG ChrisB