使用CSS表单定位元素

我是初学CSS的人，我想知道使用CSS只在表单中定位元素的最佳技巧。我不能让我的两个按钮，彼此旁边大概对齐......使用CSS表单定位元素

这里是我的HTML代码：

<form action="creat_fam.php" method ="post" > 
       <div id="formWrapper"> 
        <label for="fam_name">Family Name : </label> 
        <input type="text" placeholder="Family Name" name="fam_name" required> 
        <br/> 

        <label for="people_count">People count : </label> 
        <input type="number" name="people_count" min="1" value="1" required> 
        <br/> 

        <label for="location">Location : </label> 
        <input type="text" name="location" placeholder="location" required> 
        <br/> 

        <input type="reset" value="Reset"> 
        <input type="submit" name="submit" value="Done"> 
       </div> 
      </form>

我的CSS代码：

#formWrapper { 
width : 400px; 
padding : 15px; 
-webkit-box-sizing : border-box; 
} 

#formWrapper label { 
float:left; 
margin-bottom : 15px; 
line-height: 25px; 
} 

#formWrapper input[type="text"] , #formWrapper input[type="number"] { 
float :right; 
margin-bottom : 10px; 
padding : 2px; 
width : 250px; 
height: 25px; 
border:1px solid gray; 
} 

#formWrapper input[name="submit"] , #formWrapper input[type="reset"] { 
margin : 0; 
width : 90px; 
height: 40px; 
border : none; 
border-radius : 4px; 
background : -webkit-gradient(linear , 0 0, 0 100% , from(#7f7f7f) ,to(#535353)); 
color : lightgray; 
font-weight: bold; 
cursor : pointer; 
}

和所有我得到是这样的：提前

enter image description here