Logo-Problem in der Navigationsleiste (versucht dieselbe Breite wie die Navigationsleiste einzustellen)

Question

Ich habe alle meine Knöpfe meiner Navigationsleiste und ich habe mein Logo bereits oben links, aber je größer ich es mache, desto dicker wird meine Navigationsleiste ich habe padding gesetzt in CSS und mein Bild-URL ist in der Html gesetzt:

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> 

gibt es eine Möglichkeit, dieses Problem zu begegnen, wie eine andere <ul> machen oder ein zusätzliches weiter zum li.

Danke

Answer 1

Haben Sie Textstile und Bildarten trennen:
#nav li .text { padding: x }
#nav li .logo { padding: x }