오른쪽으로 정렬하려면 어찌 해야 할가요? 채택완료
이미지가 어중간한 위치하는데요.
이것을 우측으로 맞추고 싶은데
조언 좀 부탁드립니다.
<div class="header-banner-img"> <a href="http://www.mtr.kr/shop" target="_blank"><img src="../image/site_logo.png" width="160" height="68" border="0"></a> </div> .header-title .header-banner {padding:15px 0}.header-title .header-banner .header-banner-box {position:relative;overflow:hidden;width:468px;height:60px}.header-title .header-banner .header-banner-img {background:#000;width:160px;height:68px}.header-title .header-banner .header-banner-txt {border:1px solid #e5e5e5;background:#f2f2f2;height:60px;line-height:60px;text-align:center}답변 5개
.header-title .header-banner .header-banner-img {background:#000;width:160px;height:68px;margin-right:0}
위 부분에 float:right; 추가 해보세요......
div 크기자체가 작아서 text-align 해봤자 입니다.
div 자체를 그냥 오른쪽 정렬시키세요.
그리고 줄이 늘어나거나 줄어들어서 이상해지면
그 다음 라인에 <div style='clear:both;'></div> 넣으시면 해결될겁니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
.header-banner-img 에 float:right; 해봤습니다.
잘되네요... 참고하세요
<div class="header-banner-box"> <div class="header-banner-img"> <a href="http://www.mtr.kr/shop" target="_blank"><img src=http://www.mtr.kr/shop/image/site_logo.png" width="160" height="68" border="0"></a> </div> <div style="clear:both;"></div></div> <div>test입니다.</div><style>.header-banner-box {position:relative;overflow:hidden;width:468px;height:60px}.header-banner-box .header-banner-img {background:#000;width:160px;height:68px;float:right;}</style>
댓글을 작성하려면 로그인이 필요합니다.
이동이 안되는데요?
제가 잘 못 한걸까요? ㅠㅠ
<div class="header-banner-img a">
<a href="http://www.mtr.kr/shop" target="_blank"><img src="../image/site_logo.png" width="160" height="68" border="0"></a>
</div>
..header-title .header-banner {padding:15px 0}
.header-title .header-banner .header-banner-box {position:relative;overflow:hidden;width:468px;height:60px}
.header-title .header-banner .header-banner-img {background:#000;width:160px;height:68px;margin-right:0}
.header-title .header-banner .header-banner-txt {border:1px solid #e5e5e5;background:#f2f2f2;height:60px;line-height:60px;text-align:center}
.header-title .header-banner .header-banner-img a {display:block;width:160px}
.header-title .header-banner .header-banner-img a img {text-align:right}
답변에 대한 댓글 2개
이 부분에 class 이름이 잘못 되었네요.
<div class="header-banner-img">
로 하셔야죠.
댓글을 작성하려면 로그인이 필요합니다.
.header-banner-img a {display:block;width:160px}
.header-banner-img a img {text-align:right}
이렇게 한번 해보세요.
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
친절한 답변 정말 감사합니다.
답변해주신 모든 붙들께 감사합니다. (__)