html5에서 들여쓰기가 불가능한건가요?
본문
기존에 text-indent를 사용하여 잘 들여쓰기된 html문서들인데, html5 선언<!doctype html>을 하니깐 기존 들여쓰기 태그가 무용지물이 되어 버렸습니다.
이런식으로요.
<!doctype html>
...
<Style>
.Body {text-indent:50; line-height:150%}
</Style>
<body>
<p class="Body">들여쓰기가 잘 되던건데, HTML5에서 안됨.
...
코드를 수정해서 html5에서도 기존처럼 들여쓰기를 하고 싶은데, 왕초보라 그런지 아무리 찾아봐도 대처할 태그가 보이지 않습니다.
단순히 왼쪽 전체에 여백을 주는거 말고, 아래 똑같이 복사한 글처럼 문장의 앞부분이 들여쓰기 되는 것을 말합니다.
————— 위글 복사임. 들여쓰기의 예
기존에 text-indent를 사용하여 잘 들여쓰기된 html문서들인데, html5 선언<!doctype html>을 하니깐 기존 들여쓰기 태그가 무용지물이 되어 버렸습니다. 코드를 수정해서 html5에서도 기존처럼 들여쓰기를 하고 싶은데, 왕초보라 그런지 아무리 찾아봐도 대처할 태그가 보이지 않습니다. 단순히 왼쪽 전체에 여백을 주는거 말고, 아래 똑같이 복사한 글처럼 문장의 앞부분이 들여쓰기 되는 것을 말합니다.
답변 2
아래와 같은 형태로 해주세요.
<style>p{margin-left:40} q{margin-left:-40}</style>
<ul>
<p>들여쓰기</p>
<q>내어쓰기</q>
<p>들여쓰기</p>
<q>내어쓰기</q>
</ul>
여러가지로 한참 삽질한 끝에서야, HTML5가 단위 지정에 민감하다는 것을 알았습니다. 폰트도 그렇고 숫자 뒤에 단위가 없으면, 다른 버전과 달리 아예 적용을 하지 않더군요.
결과적으로 text-indent:숫자 뒤에 px처럼 단위를 붙여줘서 모두 해결 되었습니다.
그리고 신경써서 답변 주신 분께도 감사 드립니다!
