html 레이아웃 관련 질문드려요. 초보입니다
본문
html 레이아웃을 다시 공부하는중인데요.
<div id="header">테스트중</div>
<div id="section">테스트중</div>
<div id="footer">테스트중</div>
왼쪽 그림처럼 제대로 나오는데요.
본문 글에 <p>태그등을 삽입하면 칸이 벌려지더라고요.
<div id="header"><P>테스트중</p></div>
<div id="section"><p>테스트중</p></div>
<div id="footer"><p>테스트중</p></div>
이유가 뭔지 궁금합니다. 그리고 해결책좀 가르켜 주세요
답변 2
<style type="text/css">
p {margin:0;padding:0;word-break:break-all}
</style>
위처럼 미리 정의 하지 않으면 p 태그는 딘락이 됩니다..
답변 감사합니다
좋은 싸이트네요. 감사합니다
div와 p를 중첩적으로 쓸 필요가 없어 보이네요.
https://codepen.io/sinbi/pen/zXGRVy
답변을 작성하시기 전에 로그인 해주세요.