如何讓標籤和文本出現在同一行上

我的標籤位於同一行，文本位於下一行。我怎樣才能修改CSS使他們都在同一行？我已經嘗試了幾種基於其他帖子的浮動內容，但他們仍處於不同的路線。如何讓標籤和文本出現在同一行上

.indentColumn { 
 
    width: 71px; 
 
    padding-top: 5%; 
 
} 
 

 
.labelColumn { 
 
    width: 71px; 
 
    margin-left: 15%; 
 
} 
 

 
.inputForm { 
 
    margin-left: 30%; 
 
}

<div class="indentColumn"> 
 
    <div class="labelColumn"> 
 
    <div class="inputForm"> 
 
     <span class="secNav"> 
 
     <label display:inline-block; for="username">#springMessageText("idp.login.username", "User ID:") 
 
     </label> 
 
     <input class="fieldColumn" display: inline-block; id="username" name="j_username" type="text" size="20" maxlength="64" minlength="6" 
 
       \t value="#if($username)$encoder.encodeForHTML($username)#end"> 
 
     </span> 
 
    </div> 
 
    </div> 
 
</div>

感謝您的幫助大家都是去掉了所有的div，顯示並在文本框中類，現在他們都在同一條線上。主要問題似乎是文本框中的類，因爲只有在我刪除它們後，它們纔出現在同一行上。

我還發現有一個窗體div被設置爲250px，導致文本字段在下一行出現左邊距。一旦我將其刪除，事情就開始變得更好。

來源

2017-03-01 dillpickles

刪除輸入字段，可以幫助顯示內嵌塊。 – Toxide82

只是刪除你的CSS，它會在同一行......也請做一些關於float和其他CSS屬性的研究....它將有助於長期運行 - https：// css- tricks.com/all-about-floats/ –