Each form element <label>+<input> on new line without <div>

Question

Is there a solution to move each form element on a new line without closing these elements on divs?

I mean:

<label for="one">One:</label>  <input type="text" id="one">
<label for="two">Two:</label>  <select id="two">
                                  <option value="a">a</option>
                                  <option value="b">b</option>
                               </select>
...

To display:

One:   [.......]
Two:   [a    \/]
and so on...

If I put on CSS:

input, select, label {
   display:block;
}

then labels are not on the same line as the form fields.

Is the only solution:

<div><label for="one">One:</label>  <input type="text" id="one"></div>
...

Answer 1

Another way to do it is like this

<label><span>One:</span><input type="text" id="one"></label>

and the css

label {
display:block;
position:relative;
padding-left:120px; /* adjust if necessary */
}
label > span {
position:absolute;
left:0;
}