수다닷컴

저도 디수다님처럼, 기본 img랑, p(혹은 h), 그리고 그냥 텍스트 흘릴거 같은데용..
이러면 웹접근성은 없으려나요;;

image = align=left와 우측 텍스트와의 미세 간격 조정 위한 margin
title = p 사용 또는 img 태그내 style=\display:block;\ 사용
text = title 이미지 아래 span 사용

이런식 아닐까요..?!

저도 저건 감이 안와서 -_-;; 그냥 img에 align=\left\ 넣고 -_- 시멘틱따위.....
어짜피 저부분은 관리툴에서 위즈윅 에디터로 들어가지않나요? 특정태그로 감싸는 행위로는 구현할수 없습니다...

이경우는 그림도 하나의 콘텐츠 이므로 굳이 bg 처리 하는 것 보단 이미지로 하는게 나을듯 합니다. 간단하게 본문 중간의 내용중 하나라면 p안에 이미지, 텍스트 같이 넣어서 표현하여도 되고요.

그림이 문서상 중요한 정보를 담지 않았다면 bg...
타이틀은 문서상 h* 요소에 적당하다면 h*로...내용은 p ?
아니면 dl 에 이미지를 bg로 깔고 dt 에 타이틀 dd에 설명글...

컨텐츠를 어떻게 해석하느냐에 따라 마크업이 틀려지고 css는 거의 비슷할듯 하네요 ^^