looking to style this heading to the left.

guys...

I have a question how can I style the search boxes below..

<div id="left-side"> Name: <br />
      <input type="text" name="name" />
      <br />
      Zip Code: <br />
      <input type="text" name="zipcode" />
      <br />
      County: <br />
      <select name="county">
        <option value="Bronx">Bronx</option>
      </select>
      <br />
      Type of Food: <br />
      <select name="food-type">
        <option value="spanish">Spanish Food</option>
      </select>
    </div>

HTML:

That instead of having the heading Name, Zip code, county, and Type of food on top of the rectangular boxes like below



Have it to the left of the rectangular boxes, exactly as in the example below:

http://zip4.usps.com/zip4/welcome.jsp

Thank you guys

PS - I have tried in <tables> tags but I don't know if semantically speaking the most correct way to go....

 

Take out the <br />. This puts a return after the text. Ideally you want to setup a table for alignment.