<input>問題定位在HTML/CSS

Question

嘿傢伙， 我是一個HTML和CSS noob的總體編碼，當他遇到問題時，他只是在編寫他的離線網站。

我有一個div，其中我使用絕對定位定位了幾個元素。但是，當我嘗試定位輸入字段時，它不會與其他文本垂直排列。下面是一個例子：

<div id="TopBar"> 
[...] 
<h2 class="SubTitle" style="position:absolute; top:50px; left:75%;">Username: </h2> 
<input type="text" name="username" style="display:inline; positon:absolute; top:50px; right: 5%;" /> 

當運行該代碼時，輸​​入場是約30個像素進一步向上比「用戶名：」。爲什麼呢，即使兩者都有「top：50px」？

通過測試，我發現代碼在沒有div的情況下正常工作。這是爲什麼？

我知道我的編碼非常糟糕，請向我解釋我做錯了什麼。

Answer 1

您在標籤中有拼寫錯誤。修復「位置」，它會爲你工作！