li에 이미지와 텍스트 정렬을...^^
눈솔
2023.04.01
위 이미지와 같이...이미지와 이미지에 해당되는 텍스트가 나오게 하려는데요.
div class=box
ul class=1st
liimg src=image/main/icon_01.png width=66 height=67 alt=꿈빛나래학교 / 꿈빛 나래 학교/li
liimg src=image/main/icon_02.png width=66 height=67 alt=충남학생서비스 /충남학생서비스/li
liimg src=image/main/icon_03.png width=66 height=67 alt=춤남교육미디어센터 /충남교육미디어/li
liimg src=image/main/icon_04.png width=66 height=67 alt=전단처방학습 /전단처방학습/li
liimg src=image/main/icon_05.png width=66 height=67 alt=스마트노트 /스마트노/li
liimg src=image/main/icon_06.png width=66 height=67 alt=독서종합지원시스템 /독서지원/li
/ul
/div
와 같이 마크업이 되었을때 css를 어떻게 해줘야 할까요??
아무리 해보아도 아래처럼 아이콘 옆으로 텍스트가 나오네요...TT
도와 주세요...^^
-
엄빠몬
저의 경우 아이콘 각각을 별도의 dl로 만들고,
아이콘 이미지는 dt의 bg로 깔고 텍스트는 아래쪽으로 붙였습니다. m네이버 아이콘 소스 분석해보시면 좋을듯..