탐색 표시 줄의 로고 문제 (내비게이션 막대와 동일한 너비로 설정하려고 시도)

Question

내 탐색 바의 모든 버튼이 있으며 왼쪽 상단에 내 로고가 있습니다.하지만 더 크게 만들면 내 탐색 막대가 두꺼워집니다. 있지만 Html에서 나는 패딩 CSS에서 설정 한 내 이미지 URL이 설정됩니다

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>을 같이이 문제에 대응하는 방법이 있나요 또는 아디 티 리에.

감사합니다

Answer 1

유무 텍스트 스타일 및 이미지 스타일 분리 :
#nav li .text { padding: x }
#nav li .logo { padding: x }