Случайное пространство внутри формы

Question

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

<form id="contactForm"> 
<div class="tableRow"> 
<p><label for="name">Name</label></p> 
</p><input type="text" name="name"></input><p> 
</div> 
<div class="tableRow"> 
<p><label for="email">Email</label></p> 
<p><input type="email" name="email"></input></p> 
</div> 
<div class="tableRow"> 
<p><label for="comments">Comments</label></p> 
<p><textarea cols="48" rows="10" name="comments"></textarea></p> 
</div> 
</form> 

и вот мой CSS

#contactForm{ 
margin: 0 auto; 
display: table; 
} 

.tableRow{ 
display: table-row; 
} 

.tableRow p{ 
display: table-cell; 
vertical-align: top; 
} 

.tableRow p:first-child{ 
text-align: right; 
} 

Answer 1

Проблема ваша P тег

</p><input type="text" name="name"></input><p> 

должен быть

<p><input type="text" name="name"></input></p> 

Answer 2

изменить это

</p><input type="text" name="name"></input><p> 

вы просто поместили закрытия р тег кулак

просто изменить его

<p><input type="text" name="name"></input></p> 

проверки этого DEMO