수다닷컴

안녕하세요.~
div안에서 span 으로 감싼 내용들의 정렬에 관한 질문이 있습니다. ^^
아래 html을 실행 하면 쪼~ 아래 이미지 처럼 나오는 데요..
이미지나 글자나 숫자들을 빨간 박스안에서 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=en lang=en
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
title/title
style
!--
.clear {clear: both;}
ul,li{list-style-type:none;}
#ranking_body ul {width:160px;}
#ranking_body li span {height:40px; vertical-align:middle;}
#ranking_body li span.ranking_list_num {float:left; width:17px;}
#ranking_body li span.ranking_list_subject {float:left;}
#ranking_body li span.ranking_list_score {float:right; position: relative;}
#ranking_body li span {border: 1px solid #ff0000;}
--
/style
/head
body
div id=ranking_body
ul
li
span class=ranking_list_numimg src=/item/images/common/1.gif alt= //span
span class=ranking_list_subject으라차차게임/span
span class=ranking_list_score3000/span
/li
li
span class=ranking_list_numimg src=/item/images/common/2.gif alt= //span
span class=ranking_list_subject으라차차게임/span
span class=ranking_list_score3000/span
/li
li
span class=ranking_list_numimg src=/item/images/common/3.gif alt= //span
span class=ranking_list_subject으라차차게임/span
span class=ranking_list_score3000/span
/li
li
span class=ranking_list_numimg src=/item/images/common/4.gif alt= //span
span class=ranking_list_subject으라차차게임/span
span class=ranking_list_score3000/span
/li
li
span class=ranking_list_numimg src=/item/images/common/5.gif alt= //span
span class=ranking_list_subject으라차차게임/span
span class=ranking_list_score3000/span
/li
/ul
div class=clear!--clear//--/div
/div
/body
/html
/div

신청하기