텍스트 중앙으로 옮기는 방법 부탁드립니다. 정보
텍스트 중앙으로 옮기는 방법 부탁드립니다.본문
즉 세로로 중앙 만들고 싶습니다.
text-align:center; 이것은 가로로 중앙되는건데...
댓글 전체
해당부분의 소스코드와 css를 알려주시면 봐드릴 수 있을거같은데요..
#chat .input-title {height: 22px;width:664px; background:url(/img/DOWN_bar.gif) repeat-x; text-align:center; color : #fee100; }
이것입니다.
이것입니다.
<div class=menu>
<div class='input-title'>
<b>채팅 입력창</b>
</div>
<textarea type=text class="msg"></textarea>
</div>
<div class='input-title'>
<b>채팅 입력창</b>
</div>
<textarea type=text class="msg"></textarea>
</div>
line-height 속성을 이용해 보세요.
#chat .input-title b{display:block; margin:0 auto; padding-top:5px; }
CSS에 이렇게 추가해 주시고 padding-top: 값을 조절해서 맞춰주시면 됩니다
CSS에 이렇게 추가해 주시고 padding-top: 값을 조절해서 맞춰주시면 됩니다
저런건 padding 으로 맞추는건 별로 효율적이지 못합니다.
위에 port 님이 말씀하신대로 line-height 사용하시면됩니다.
height 22px 로 잡혀있으니 line-height:22px 로 줘보세요.
그럼 중앙으로 정렬됩니다.
위에 port 님이 말씀하신대로 line-height 사용하시면됩니다.
height 22px 로 잡혀있으니 line-height:22px 로 줘보세요.
그럼 중앙으로 정렬됩니다.
#chat .input-title span{display:inline-block;line-height:22px;vertical-align:middle;font-weight:700}
<div class=menu>
<div class='input-title'>
<span>채팅 입력창</span>
</div>
<textarea type=text class="msg"></textarea>
</div>
<div class=menu>
<div class='input-title'>
<span>채팅 입력창</span>
</div>
<textarea type=text class="msg"></textarea>
</div>