导航栏中的徽标问题（试图将其设置为与导航栏宽度相同）

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 }