因此,我試圖將圖像放在無序列表旁邊(圖像充當導航的主頁按鈕),但實際列表不斷向下移動,當我希望它成爲下一個到家庭的形象。有想法該怎麼解決這個嗎?水平對齊無序列表旁邊的圖像
這是發生了什麼:Image not aligned with the list
#navigation {
height: 50px;
width: 100%;
background-color: #2F4E6F;
}
#navigation li a {
text-decoration: none;
font-family: 'Open Sans';
font-size: 25px;
color: #FFFFFF;
}
#navigation li a:hover {
color: #7c7f84;
border-bottom: solid black 2px;
}
#navigation li {
list-style-type: none;
display: inline-block;
padding: 0 10px;
background-color: red;
}
#home_button {
width: 45px;
height: 45px;
display: inline-block;
margin-left: 10px;
margin-top: 2px;
}