수다닷컴

-- html --
div class=box_sky17
img src=../../images/overseas/intell_06.jpg alt=closed-circuit television(cctv)
div class=text
h5 class=list_t2DSRC (Dedicated Short Range Communication)/h5
ul class=list_t3
liInstalling DSRC RSE on expressways (per 3.6km, in total 1,845km)/li
liCollecting traffic information from OBUs (On-Board Units/li
liProviding OBU users with traffic situations on the road ahead/li
/ul
/div
/div

-- css --
.box_sky17{background-color: #f6f9ff; margin:20px 0; overflow: hidden;}
.box_sky17 img{margin:30px 0 30px 30px; float: left;}
.box_sky17 .text{margin-left: 30px; padding:12px 0 12px 0; float: left; width: 565px;}
위의 소스인데 화면을 줄였을때 오른쪽 text 가 이미지 아래로 떨어지지 않고
리스트 폰트들이 자연스럽게 아래로 (일반p태그처럼) 떨어지게 하려면
어떻게 해야 할까요?

반응형 작업중인데, width 값을 줘서 적당히 구현 할수는 있지만 보다
어떤 기기에서건 잘 작동되게 자연스러운 방법을 찾고 있어서요.

신청하기