수다닷컴

이런식으로 코딩해야하는 작업이 있습니다 ㅎ
주황색 부분은 li 백그라운드로 깔구요
흰색 부분이 이미지 영역 입니다 ~
텍스트 부분이 2줄이 되던지 . 이미지가 세로높이가 좀 더 높아져도 무조건 li 내부에
세로 가운데 정렬이 되야 하는데 정렬이 안되네요 ㅠㅠ
코딩에 어느 부분을 수정해야할까요 ? ㅠㅠ

+) 이게 모바일 코딩이예요 !! ㅎㅎhtml 코딩
ul class=fish_diclist
li class=book01img src=../images/learn/sea_life01.png /br /test/li
li class=book02img src=../images/learn/sea_life02.png /br /test/li
li class=book03/li
/ul

css 코딩
.fish_diclist{margin-left:23px; margin-bottom:21px;}
.fish_diclist:after{content:; display:block; clear:both;}
.fish_diclist li{float:left; font-size:1.2em; font-family:NanumGothicBold; color:#fff;}
.fish_diclist li img{display:inline;}
.fish_diclist .book01{width:93px; height:100px; background:url(../images/learn/book01.png) repeat center top; background-size:100px;
text-shadow:1px 1px 2px #4672b8; text-align:center;
}

신청하기