how to get labels on top of inputs?

[bill]

Hi everyone,

I want to have 3 inline inputs with the labels overtop of each, like:


label 1     label2     label3
input1      input 2    input3

Any ideas on how to do this


I have the following code ( which is not working ):

<div class="form_row" >

<div class="control-group">
    
          <div class="controls">
                            <label class="control-label" 
for="input01">city</label>

              <input type="text" class="input-xlarge span3" id="city" 
name="city" value="<?php echo $this->property->city ?>"  rel="popover" 
data-content="Re-enter your city." data-original-title="city" />
<!--              </div>-->
              <label class="control-label" for="input01">state</label>
<!--              <div class="controls">-->
              <input type="text" class="input-xlarge span3" id="state" 
name="state" value="<?php echo $this->property->state ?>"  rel="popover" 
data-content="Re-enter your state." data-original-title="state"/> 
<!--              </div>-->
              <label class="control-label" for="input01">zip</label>
<!--               <div class="controls">-->
               <input type="number" class="input-xlarge span2" id="zip" 
name="zip" value="<?php echo $this->property->zip ?>"  rel="popover" 
data-content="Re-enter your zip code." data-original-title="zip" />
               </div>


          </div>
    </div>