Problema con labels y salto de linea en un formulario hecho div + css

[Bugger]

Hola
estoy intentando diseñar un formulario con contenedores, donde cada contenedor es una fila que puede contener (siento la redundancia) varios campos con sus etiquetas.
el caso es que me gustaría que los labels quedaran encima de los distintos inputs/select/textarea y no hay manera de conseguir lo.

queda algo asi:
<fila>label - input - label - input</fila>
y me gustaria algo asi:
<fila>
label label
input input
</fila>
el formulario que tengo es el siguiente:

Código HTML:

<form method="post" id="frm_show_form" class="form-data">
    <div class="row">
        <label for="num">N&deg;</label>        
        <input type="text" id="num" name="num" value="0" />             
    </div>
    <div class="row">
        <label for="fecha">Fecha</label>
        <input type="text" id="fecha" name="fecha" value="" readonly="readonly" />
        <label for="mes">Mes</label>
        <input type="text" id="mes" name="mes" value=""/>
        <label for="semana">Semana</label>
        <input type="text" id="setmana" name="setmana" value=""/>
        <label for="setmana">Semana realizaci&oacute;n</label>
        <input type="text" id="semana_realizacion" name="semana_realizacion" value=""/>
    </div>
....
</form>
 

con el siguiente css:

Código CSS:

.form-data label{ display:inline; }
.form-data div.row { width: 95%;}
.form-data .form-data input, .form-data select .form-data textarea{ display:block; }
.form-data input.text, .form-data select   { margin-bottom:12px; padding: .4em; } 
.form-data fieldset        { padding:0; border:0; margin-top:25px; }