스케치북 웹진형 목록부분 박스 레이아웃, 조언 좀 부탁드립니다.

span은 인라인 속성이니 wrapper 로 쓰기보다는 div의 display 속성을 활용해서 배치하시는 게 좋을 것 같습니다.

그냥 칸나눌때는 div 사용하시는게 안전합니다.

칸을 맞추는 역할 할때는 div으로 처리하시고, 배열을 하는경우에는 ul, li.. 그 외 처리사항에서는 각 태그속성에 맞게 사용하는거죠.

일반적으로 태그마다 브라우저에서 인식하는 기본값이 있죠.

"'div' 는 'display'속성값이 'block' 으로 인식한다"와 같은 거요.

앞서 언급하신 p태그역시 문단을 나누는 역할을 할때 기본적으로 쓰는 태그이니 그 상황에 맞게 잘 쓰시면 될듯 합니다.

질문과 같은 상황에선느 div 를 만든다음 그 안에 span을 집어넣고요, span에 display:block 조건을 넣어보세요.

기본적인 태그형식은 span 이 div보단 하위에 위치하는게 가독성이나 태그 구조상으로는 좀 더 깔끔하고요..

예외적으로 span과 비슷한 레이아웃을 가지지만 좀 다른 a 태그를 사용할때는 a태그 안에 image 혹은 div가 들어가는 경우가 있긴합니다. (해당 영역을 전체적으로 클릭 버튼으로 활성화해야할 경우..)