span 태그 안에. text를 상하 제어 할려고 하는데...
누리알찬
span 안에.. 택스트들을 상하 가운데로 넣고 싶은데... 제어가 margin이나 padding으로만 제어 가능한가요??
vertical-align:middle;을 사용해봤지만 안되더군요~ㅜㅜ
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml xml:lang=ko lang=ko
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
title......./title
style type=text/css
* {margin:0; padding:0; }
.test {width:100%; height:100px; margin:0 auto; border:1px #ff0000 solid; }
.test ul{width:1024px; height:50px; margin:0 auto; border:1px #ff0000 solid;}
.test ul li{list-style:none; float:left; margin:0 10px;}
.test li span {display:inline-block; height:20px; border:1px #0000ff solid;}
.m1 span {display:inline-block; height:40px; border:1px #00ff00 solid; }
/style
/headbody
div class=test
ul
li class=m1span1111/span/li
li class=m2span1111/span/li
li class=m3span1111/span/li
li class=m4span1111/span/li
li class=m5span1111/span/li
li class=m6span1111/span/li
li class=m7span1111/span/li
/ul
/div
/body
/html
