導航欄中的徽標問題（試圖將其設置爲與導航欄寬度相同）

Question

我擁有我的導航欄的所有按鈕，並且我的徽標已經位於左上方，但是我做得越大，導航欄越厚，在CSS我已經填充設置和我的形象URL設置的HTML：

CSS

li a { 
    display: block; 
    color: white; 
    text-align: center; 
    padding: 25px 50px; 
    text-decoration: none; 
    border: 1px; 
} 

HTML

<ul> 
    <li><a class="active" href="#home.asp">HOME</a></li> 
    <li style="float:right"> 
     <a href="#logo"> 
     <img src="logo.png" alt="bandlogo" height="25px" width="50px"> 
     </a> 
    </li> 
</ul> 

有沒有辦法來解決這個問題，就像做一個不同的<ul>或一個additi上李。

謝謝

Answer 1

有文字風格和形象風格分開：
#nav li .text { padding: x }
#nav li .logo { padding: x }