<!DOCTYPE html>
<html>
<head>
<title>텍스트 꾸미기</title>
<style>
h3 {text-align: right;}
span {text-decoration: line-through;}
strong {text-decoration: overline;}
.pl {text-indent: 3em; text-align: justify;}
.p2 {text-indent: 1em; text-align: center;}
</style>
</head>
<body>
<h3>텍스트 꾸미기</h3>
<hr>
<p class="p1">HTML의 태그만으로 기존의 워드 포로세서와 같이 들여쓰기, 정렬, 공백, 간격 등과 세밀한<span>텍스트 제어</span>을 할 수 없다.</p>
<p class="p2">그러나, <strong>스타일 시트</strong>는 이를 강능케 한다. 들여쓰기, 정렬에 대해서 알아본다.</p>
<a href="http://www.naver.com" style="text-decoration: none">밑줄 없는 주소</a>
</body>
</html>
위와 같이 작성하였습니다.
하지만 text-indent 가 알맞게 적용되지 않는 듯한 모습을 보여줍니다. 무엇이 문제일까요?
p1(숫자 1)로 바꾸어야 합니다.
이런 것 스스로 찾아도 될텐데요......