Posted By

PeteW on 09/08/09

Tagged

form
css

Versions (?)

Last Edited at 09/08/09 09:18am

Statistics

Viewed 780 times

Favorited by 2 user(s)

Related snippets

Tableless form layout

/ Published in: CSS

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<style>
p label {
	float: left;
	margin-right: 10px;
	text-align: left;
	width: 100px;
}
 
p input[type="submit"] {
	margin-left: 110px;
}
</style>
 
<form method="post" action="#">
	<p><label for="strName">Name</label>
		<input type="text" id="strName" name="strName" />
	</p>
	<p><label for="strEmail">Email address</label>
		<input type="text" id="strEmail" name="strEmail" />
	</p>
	<p><label for="strPhone">Phone Number</label>
		<input type="text" id="strPhone" name="strPhone" />
	</p>
	<p><label for="strComments">Comments</label>
		<textarea id="strComments" name="strComments" /></textarea>
	</p>
	<p><input type="submit" value="Send" /></p>
</form>