모바일 상단 로고 질문입니다.
본문
모바일 상단에 로고 두개를 나란히 붙이고 싶은데 아무리 바꿔도 안되네요ㅠㅠㅠ
혹시 어디를 바꿔야 하는지 아시는 분 계신가요?
[php]
<div id="logo2">
<a href="https://www.theclassic-concert.com/"><img src="/mobile/shop/img/mobile_logo3.png">
<a href="http://www.theclassic-lesson.com/shop/"><img src="/mobile/shop/img/mobile_logo.png">
</a></div>
[css]
#hd #logo2 a{display:block;text-align:center;padding:15px;height:55px;vertical-align:top}
#hd #logo2 img {max-height:120%;width:auto;vertical-align:top}
답변 1
#hd #logo2 에
display : flex 적용해보세요
컨텐츠 중앙정렬은 justify-content: center 를 이용하시면 중앙으로 위치 할것입니다.
display : flex로 변경했는데 왼쪽으로 이동만하고 그대로에요ㅠㅠㅠ
해당 이미지 파일 넓이는 몇인가요?
혹시 몰라 관련 css랑 동일하게 넣었는데 작동이 잘됩니다.
잘 안된다면
#hd #logo2 a
#hd #logo2 img
해당 스타일 전부 지우신뒤
정렬부터 맞춘뒤 -> 개별 스타일 순으로 하시는게 빠릅니다.
지금 보니 위에 A 태그 하나가 안닫혀있네요
css 다 지우고 style 따로 먹이니까 되네요 정말 감사합니다~
문제 해결이 되셨다면 채택 눌러주세요~
