無法顯示錶格邊框正確

我不是很熟悉CSS，我想要我的登錄表單上應用的邊界，這裏是我使用的代碼：無法顯示錶格邊框正確

的login.html：

<head> 
    <link rel="stylesheet" type="text/css" href="css/style.css"> 
</head> 

<div id="login_container"> 
    <form action="#" method="POST"> 
     <div class="row"> 
      <label for="username" class="label">Username</label> 
      <input type="text" class="field" name="username" /> 
     </div> 
     <div class="row"> 
      <label for="password" class="label">Password</label> 
      <input type="password" class="field" name="password" /> 
     </div> 
    </form> 
</div>

CSS/style.css中：

#login_container { 
    margin-top:50px; 
    margin-left: auto; 
    margin-right: auto; 
    width: 300px; 
    border:1px solid black; 
    display:block; 
} 

.field { 
    float:right; 
    margin-left: 10px; 
} 

label { 
    float:left; 

} 

.row{ 
    display:block; 
    clear:both; 
}

和輸出：

The output of the previous code