#logo h1{
margin: 0 auto;
width: 137px;
height: 62px;
background-image: url(./test.png);
background-repeat: no-repeat;
background-position: -10px 2px;
text-indent: 100%;
overflow: hidden;
display:block;
}
일케 쳐놓으니깐 백그라운드 137x62픽셀 백그라운드 이미지 말고
h1의 흰부분 아무곳이나 클릭해도 하이퍼링크가 타짐 ㅠ
display: inline-block
inline-block하니깐 이미지가 margin:0 auto가 적용이 안돼서 가운데정렬이 안대ㅠㅠ
flex 쓰면 간단할텐데 음.. 이 경우에는 #logo 크기도 함께 잡아줘보삼 display: block 유지하고
아 그럼 또 가운데 정렬 안되겠구나 음..
몰갬슴 ㅈㅅ
고마웡 ㅠㅠ
h1 는 이미 blcok 요소니까 display: block 따로 안 줘도 될 듯 ..? 그 안에 margin 으로 가운데 정렬 시키는거 아니얌, 그 안에 컨텐츠 정렬시키려면 text-align 해야함
h1 태그의 컨텐츠 width값이 현재 그 링크를 감싸는 콘텐츠의 크기와 어떻게 다른지 콘솔로 확인해봤어 ? 잘 모르겠으면 text 라면 background에 color 입히고 border-bottom으로 baseline 잡고 확인해봐, 이미지면 border만 입히고