html - How can I get the label to stay at the top of the select element? -

with html:

<h2>where (location / station)</h2> <label for="selwhere">select locations job type selected above</label> <select name="selwhere" id="selwhere" multiple="multiple">   <option value="linecook">line cook</option>   <option value="barrista">barrista</option>   <option value="securityguard">security guard</option>   <option value="fignipper">nipper of figs</option> </select> 

my label drops bottom of select element:

i want @ top, instead. html or css need that?

just use vertical-align:top:

label{    vertical-align:top;    }

<label for="selwhere">select locations job type selected above</label>  <select name="selwhere" id="selwhere" multiple="multiple">    <option value="linecook">line cook</option>    <option value="barrista">barrista</option>    <option value="securityguard">security guard</option>    <option value="fignipper">nipper of figs</option>  </select>