Текст не выравнивается с объектом правильно в html

Поэтому я пытаюсь создать форму с полем сообщений, но она не будет правильно выровнена; он продолжает подталкивать текст к нижней части области, в которой он занимает. Я принял решение перерыв между текстовым полем и полем сообщения в течение длительного времени, но там есть разрыв, поэтому он не выравнивается там...

JSFiddle: http://jsfiddle.net/2U2PJ/

<form action="sending.php" method="post" name="Contact Form" id="form1" onsubmit="MM_validateForm('Name','','R','E-mail','','R','Device','','R','Message','','R')return document.MM_returnValue" encytype="text/plain">
 <p>
 <label><font size="3">Name: </font>
       <font size="2"> <font color="red"><span id="req_3">*</span></font></font></label>
 </p>
 <p>
 <label><font size="3">Email:</font>
         <font size="2"><font color="red"><span id="req_3">*</span></font></font></label>
 </p>
 <p>
 <label><font size="3">Review:</font>
     
 </label></p>
 
 <label>
 
 </label>
 </form>
2 ответа

Согласно моему комментарию. Используйте CSS. Это должно привести вас к правильному пути:

http://jsfiddle.net/2U2PJ/3/

CSS:

.contact-form .field label { width: 100px; display:inline-block; vertical-align: top; }
.contact-form .req { color: red; }
.contact-form .field .textbox { width: 180px; }

HTML:

<div>
<form action="sending.php" method="post" name="Contact Form" id="form1" onsubmit="MM_validateForm('Name','','R','Email','','R','Device','','R','Message','','R')return document.MM_returnValue" encytype="text/plain">
 <div>
 <label for="Name">Name:</label>
 
 <span id="req_3">*</span>
 </div>
 <div>
 <label for="Email">Email:</label>
 
 <span id="req_3">*</span>
 </div>
 <div>
 <label for="Message">Review:</label>
 
 </div>
 <div>
 
 </div>
</form>
</div>


Полный код для упрощения вашей проблемы!

http://jsfiddle.net/SinisterSystems/jLXsV/2/

HTML:

<form action="sending.php" method="post" name="Contact Form" id="form1" onsubmit="MM_validateForm('Name','','R','E-mail','','R','Device','','R','Message','','R')return document.MM_returnValue" encytype="text/plain"><code>
 <p>
 <label>Name:</label>
 
 </p>

 <p>
 <label>Email:</label>
 
 </p>

 <p>
 <label>Review:</label>
 
 </p>

 <p>
 
 </p>
</code> <p> <span>CSS:</span></p>

 <pre class="prettyprint linenums">input, textarea {
 width:200px;
 margin-left:15px;
}
label {
 float:left;
 min-width:100px;
}

С вашими идентификаторами

Скрипт: http://jsfiddle.net/SinisterSystems/jLXsV/3/

licensed under cc by-sa 3.0 with attribution.