Kontaktformular

[Carmen]

Hallo,

ich habe nun mein Kontaktformular in HTML ertellt, ist das denn so richtig? Kann ich damit mein Vorhaben wie auf dem Bild umsetzten?

  
<form action="#" method="post" class="kontakt_form">  
  
    <p class="mitteilung">	  
    	<label for="nachricht">Nachricht</label>	  
        <textarea name="nachricht" class="text_area" cols="40" rows="7" id="nachricht" ></textarea>  
    </p>  
  
    <p class="mitteilung">  
    	<label for="anrede">Anrede <abbr class="required" title="required">*</abbr></label>  
        <select name="anrede" class="select" id="anrede">  
        	<option  value ="Frau">Frau</option>  
            <option  value ="Herr">Herr</option>  
        </select>  
    </p>  
  
   <p class="mitteilung_1">  
    	<label for="firma">Firma</label>  
        <input name="firma" class="text_input" type="text" id="firma" value=""/>  
    </p>  
  
	<p class="mitteilung_2">  
    	<label for="vorname">Vorname <abbr class="required" title="required">*</abbr></label>  
        <input name="vorname" class="text_input" type="text" id="vorname" value=""/>  
    </p>  
  
    <p class="mitteilung_1">  
    	<label for="name">Name <abbr class="required" title="required">*</abbr></label>  
    	<input name="name" class="text_input" type="text" id="name" value=""/>  
    </p>  
       	  
    <p class="mitteilung_2">  
    	<label for="strasse">Strasse <abbr class="required" title="required">*</abbr></label>  
    	<input name="strasse" class="text_input" type="text" id="strasse" value=""/>  
    </p>  
  
    <p class="mitteilung_1">  
    	<label for="plz">PLZ <abbr class="required" title="required">*</abbr></label>  
        <input name="plz" class="text_input" type="text" id="plz" value=""/>  
    </p>  
  
    <p class="mitteilung_2">  
    	<label for="ort">Ort <abbr class="required" title="required">*</abbr></label>  
        <input name="ort" class="text_input" type="text" id="ort" value=""/>  
    </p>  
  
    <p class="mitteilung_1">  
    	<label for="telefon">Telefon <abbr class="required" title="required">*</abbr></label>  
    	<input name="telefon" class="text_input" type="tel" id="telefon" value=""/>  
    </p>  
  
    <p class="mitteilung_2">  
    	<label for="email">E-Mail <abbr class="required" title="required">*</abbr></label>  
        <input name="email" class="text_input" type="email" id="email" value=""/>  
    </p>  
  
    <input type="submit" value="Abschicken" class="button" />  
</form>  

Online habe ich es auch zur Verfügung gestellt: http://friseursalon.bplaced.net/kontakt.html

Nur ich verstehe noch nicht, wie ich das nun ohne DIVS nach links und rechts bringen soll. Bei kleinen größen sollte alles einfach untereinander stehen.