텍스트 세로정렬(?) 관련질문
우수리
2025.03.31
ul
li
p class=areaspan블라블라블라블라블라블라블라블라블라블라/span/p
p class=titlea href=#블라블라/a/p
p class=infospan아이디/spanspan class=date2012.12.10/span/p
/li
/ul
li에 박스를 백그라운드로 깔고 그안에다가 텍스트가 들어가야되는데요..
빨간색 텍스트 길이가 길어도 박스 height기준으로중간에 와야하구요 짧아도 박스 중간에 와야합니다.
ul li {float:left; margin-left:6px; width:228px; height:264px; background:url(../images/school/box.jpg) no-repeat;}
ul li img {margin:1px 0 0 1px;}
ul li p {line-height:20px;}
ul li p.area {width:225px; height:195px;}
ul li p.area span {display:inline-block; width:187px; margin:0 auto; background:#fcc; vertical-align:middle; padding-left:12px;}
어떤식으로 해야할까요? 조언좀 부탁드립니다.
