span 태그 정렬 질문드립니다.
한국드립
오른쪽 상단의 보라색 박스가 span 태그 인데요.
span 태그를 li 하단에 고정되게 하고 싶습니다.
vertical-align도 안먹고.. position으로 잡으면 해당 span에 스크롤이 생겨버려서 난감하네요...
스크롤이 생기지 않으면서 자동으로 행이 늘어나야 되거든요. 해결방법이 있을까요?!doctype html
html
head
meta charset=utf-8
titleUntitled Document/title
style
ul, li{margin:0; padding:0;}
ul{width:300px; display:table }
li{list-style:none;overflow:auto;margin:0 0.5em; white-space:normal; word-break:break-all; border:solid 1px #CCCCFF}
label{float:left;width:7em;padding:1em 0;color:#333333;font-size:1em;font-weight:700}
.text{float:right;width:10em;height:auto;max-height:inherit;color:#000; background-color:#99C; padding:4px; display:table-cell; vertical-align:bottom;}
/style
/head
body
ul
lilabelTitle 1/labelspan class=text스크롤의 행이 자동으로 넘어가야 한다, 스크롤 생기면 안됨.스크롤의 행이 자동으로 넘어가야 한다,/span/li
lilabelTitle 2/labelspan class=text테스트/span/li
lilabelTitle 3/labelspan class=text/span/li
/ul
/body
/html
