1. 텍스트 정렬
text-align: left; 왼쪽 정렬
text-align: center; 가운데 정렬
text-align: right; 오른쪽 정렬- 모든 요소의 기본 정렬은 왼쪽 정렬이다
- span은 inline-element 이기 때문에 블록 형태로 차지하지 않으므로 오른쪽 정렬이 되도록 클래스를 부여해도 오른쪽 정렬이 되지 않는다.
2. indent
- 들여쓰기
.js-description{
text-indent: 50px
}- 코드 내에서 스페이스와 엔터를 아무리 추가해도 실제 결과 화면에서는 적용되지 않는다
*blockquote
- 인용 문구를 넣을 때 쓰는 태그
- 브라우저에서 blockquote 태그에 양쪽 여백을 넣는 기본 스타일을 자동으로 적용
<blockquote class=“”js-description> - 스페이스를 의미하는 코드
- 스페이스를 아무리 많이 추가하여도 하나의 스페이스밖에 적용되지 않으므로 문장 사이사이에 스페이스를 추가하고 싶을 때 사용한다.
