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