'middle'에 해당되는 글 1건

  1. 2011.11.14 <div> 내 text 에 vertical-align 적용하기.

<div> 내 text 에 vertical-align 적용하기.

ITWeb/개발일반 2011. 11. 14. 09:51

Text 의 vertical align 을 잡아 주기 위해서는 물리적인 높이의 기준이 필요 합니다.
그래서 div 의 line-height 를 명시해 줘야 해당 property 를 적용 시킬 수 있습니다. 
inline 코드로 작성 합니다.

[예제코드]

<div style="vertical-align:middle; line-height:48px; width:320px; height:48px; background:#000000; color:#FFFFFF;" >Text Vertical Align : Middle</div>



 
:
◀ PREV : [1] : NEXT ▶

티스토리툴바