Форма ;)

dabblet.css

/* Форма ;) */

body {
	font: 13px/1.3 Arial, sans-serif;
}

form {
	padding: 10px;
	background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
	border: 1px solid #ccc;
	border-radius: 3px;
	display: inline-block;
}

td {
	vertical-align: top;
}

td label {
	width: 100%;
	text-align: right;
	display: inline-block;
	margin: 6px 0 0 0;
	color: #666;
}

input[type="text"],
textarea {
	border: 1px solid #ddd;
	padding: 3px 0 3px 4px;
	border-radius: 2px;
	width: 100%;
	box-sizing: border-box;
	font: 13px/1.3 Arial, sans-serif;
}

input[type="text"]:focus,
textarea:focus {
	outline: none;
	box-shadow: 0 0 2px #ff0;
}

input[type="submit"] {
	border: 1px solid #666;
	border-radius: 3px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
	background-image: linear-gradient(top, #777, #333);
	cursor: pointer;
}

input[type="submit"]:hover {
	background-image: linear-gradient(top, #555, #111);
}

input[type="submit"]:active {
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3) inset;		          
}

dabblet.html

<form action="#!">
	<table>
		<tr>
			<td><label for="form-1">Имя</label></td>
			<td><input type="text" id="form-1" name="form-1" /></td>
		</tr>
		<tr>	
			<td><label for="form-2">Фамилия</label></td>
			<td><input type="text" id="form-2" name="form-2" /></td>
		</tr>
		<tr>
			<td><label for="form-3">Телефон</label></td>
			<td><input type="text" id="form-3" name="form-3" /></td>
		</tr>
		<tr>
			<td><label for="form-4">Комментарий</label></td>
			<td><textarea cols="30" rows="10"></textarea></td>
		</tr>
		<tr>	
			<td></td>
			<td><input type="submit" value="Отправить" /></td>
		</tr>	
	</table>
</form>

settings.json

{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"css"}