오른쪽으로 정렬하려면 어찌 해야 할가요?
본문
이미지가 어중간한 위치하는데요.
이것을 우측으로 맞추고 싶은데
조언 좀 부탁드립니다.
<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> 넣으시면 해결될겁니다.
잘됩니다.
친절한 답변 정말 감사합니다.
답변해주신 모든 붙들께 감사합니다. (__)
그부분은 배너 텍스트를 사용할때 나오는거라
변화가 없습니다.
.header-banner-img a {display:block;width:160px}
.header-banner-img a img {text-align:right}
이렇게 한번 해보세요.
.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}
<div class="header-banner-img a">
이 부분에 class 이름이 잘못 되었네요.
<div class="header-banner-img">
로 하셔야죠.
감사합니다.
그래도 변화가 없네요.;; ㅠㅠ
