input - 入力フロート左の自動マージン

Question

<div style="width:500px">
<input type="text"><input type="text"><input type="text">
</div>

入力の幅は 31% で、親の div を 100% 埋めます。最初の 2 つの入力の自動マージン。このような：

Answer 1

以下のコードを参照してください。

<div class="container">
<input type="text"><input type="text"><input type="text">
</div>

<style type="text/css">
.container {width:500px;}
.container input {width:30%;}
.container input:first-child {margin-right:5%;}
.container input:last-child {margin-left:5%;}
</style>