Untitled

dabblet.css

.bloc {
	padding: 25px;
	border: 1px solid #ccc;
	vertical-align: middle;
}

.button {
	display: inline-block;
	background-color: #ed2345;
	border: none;
	padding: 25px;
	border-radius: 33px;
	
	color: #fff;
	text-decoration: none;
	font-family: arial, sans-serif;
	
	font-size: 16px;
	
	/**
	 * Propriété posant problème lorsque utilisé sur un input de type submit.
	 * Applique line-height       -> Chrome (19), Internet Explorer (9), Safari (5.1 windows), Opera (11)
	 * N'applique pas line-height -> Firefox (9, 12),
	 */
	line-height: 16px;
}

dabblet.html

<h1>La propriété line-height sur des éléments de formulaires</h1>

<table>
	<tr>
		<th>
			&lt;a&gt;
		</th>
		<th>
			&lt;input type="submit"&gt;
		</th>
		<th>
			&lt;button&gt;
		</th>
	</tr>
	<tr>
		<td class="bloc">
			<a href="#" class="button">Soumettre</a>
		</td>
		<td class="bloc">
			<input class="button" type="submit" value="Soumettre" />
		</td>
		<td class="bloc">
			<button class="button">Soumettre</button>
		</td>
	</tr>
</table>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}