How to indent the input ?

[terryds]

Look at this first! The input for name and email arent in the same indent.. How to make their same indent ? HTML code

 <form action="contact.php" method="post"><p>Name:<input type="text" name="name" placeholder="Type Here"><br>Email:<input type="email" name="email" placeholder="example@example.com"><br>Message:<br><textarea name="msg"></textarea><br><input type="submit" name="submit" value="Submit!"></p></form>

CSS

input[type="text"], input[type="email"] {margin-left: 50px;}

Please tell me how to fix the indent...

[newseed]

This is caused by the text no being the same length (ie. 'Name:' being just a bit longer than 'Email:'). The solution is to use <label> tags and then set that tag to a fixed width. <label>Name:</label><input type="text" name="name" placeholder="Type Here"><br><label>Email:</label><input type="email" name="email" placeholder="example@example.com"> CSS:label {width: 100px;} /*adjust to suit*/

[dsonesuk]

<form action="contact.php" method="post"><div class="form_wrapper"><div class="form_col1"><label>Name:</label><label>Email:</label><label>Message:</label></div><div class="form_col2"><input type="text" name="name" placeholder="Type Here"><input type="email" name="email" placeholder="example@example.com"></div><textarea name="msg"></textarea><input type="submit" name="submit" value="Submit!"></div></form>

 .form_wrapper .form_col1 {float:left; }.form_wrapper label, .form_wrapper input {display: block; }.form_wrapper label, .form_wrapper input {margin:5px 10px 5px 0;}.form_wrapper input {margin-right:0;}.form_wrapper textarea {display:block;clear: both;}