Beny's Study
07. 문단스타일 본문
1. Align 정렬하기 기능 ⭐⭐⭐⭐⭐
- 글씨나 컨텐츠를 정렬할떄 사용하는 기능으로 가장 강력한 정렬기능
<style>
.align1 {
text-align: left;
}
.align2 {
text-align: right;
}
.align3 {
text-align: center;
}
.align4 {
/* 라인이 정해진 크기만큼 채우는 기능 */
/* 창크기 줄이면 글씨 자동으로 줄바꿈 되는 기능 */
text-align: justify;
}
</style>
<div class="align1"> 정렬기능 사용, 기준 : left</div>
<div class="align2"> 정렬기능 사용, 기준 : right</div>
<div class="align3"> 정렬기능 사용, 기준 : center</div>
<div class="align4"> 정렬기능 사용, 기준 : justify 텍스트 채우고 늘리기 텍스트 채우고 늘리기 텍스트 채우고 늘리기</div>
2. 줄간격 조정하기
<style>
.line_height1 {
line-height: normal;
}
.line_height2 {
line-height: 50px;
}
.line_height3 {
line-height: 2em;
}
.line_height4 {
line-height: 130%;
}
</style>
<hr>
<p class="line_height1">별 헤는 밤 윤동주 계절이 지나가는 하늘에는 가을로 가득 차 있습니다. 나는 아무 걱정도 없이 가을 속의 별들을 다 헬 듯합니다. 가슴 속에 하나 둘 새겨지는 별을 이제 다 못 헤는 것은 쉬이 아침이 오는 까닭이요, 내일 밤이 남은 까닭이요, 아직 나의 청춘이 다하지 않은 까닭입니다.
</p>
<hr>
<p class="line_height2">별 헤는 밤 윤동주 계절이 지나가는 하늘에는 가을로 가득 차 있습니다. 나는 아무 걱정도 없이 가을 속의 별들을 다 헬 듯합니다. 가슴 속에 하나 둘 새겨지는 별을 이제 다 못 헤는 것은 쉬이 아침이 오는 까닭이요, 내일 밤이 남은 까닭이요, 아직 나의 청춘이 다하지 않은 까닭입니다.
</p>
<hr>
<p class="line_height3">별 헤는 밤 윤동주 계절이 지나가는 하늘에는 가을로 가득 차 있습니다. 나는 아무 걱정도 없이 가을 속의 별들을 다 헬 듯합니다. 가슴 속에 하나 둘 새겨지는 별을 이제 다 못 헤는 것은 쉬이 아침이 오는 까닭이요, 내일 밤이 남은 까닭이요, 아직 나의 청춘이 다하지 않은 까닭입니다.
</p>
<hr>
<p class="line_height4">별 헤는 밤 윤동주 계절이 지나가는 하늘에는 가을로 가득 차 있습니다. 나는 아무 걱정도 없이 가을 속의 별들을 다 헬 듯합니다. 가슴 속에 하나 둘 새겨지는 별을 이제 다 못 헤는 것은 쉬이 아침이 오는 까닭이요, 내일 밤이 남은 까닭이요, 아직 나의 청춘이 다하지 않은 까닭입니다.
</p>
별 헤는 밤 윤동주 계절이 지나가는 하늘에는 가을로 가득 차 있습니다. 나는 아무 걱정도 없이 가을 속의 별들을 다 헬 듯합니다. 가슴 속에 하나 둘 새겨지는 별을 이제 다 못 헤는 것은 쉬이 아침이 오는 까닭이요, 내일 밤이 남은 까닭이요, 아직 나의 청춘이 다하지 않은 까닭입니다.
별 헤는 밤 윤동주 계절이 지나가는 하늘에는 가을로 가득 차 있습니다. 나는 아무 걱정도 없이 가을 속의 별들을 다 헬 듯합니다. 가슴 속에 하나 둘 새겨지는 별을 이제 다 못 헤는 것은 쉬이 아침이 오는 까닭이요, 내일 밤이 남은 까닭이요, 아직 나의 청춘이 다하지 않은 까닭입니다.
별 헤는 밤 윤동주 계절이 지나가는 하늘에는 가을로 가득 차 있습니다. 나는 아무 걱정도 없이 가을 속의 별들을 다 헬 듯합니다. 가슴 속에 하나 둘 새겨지는 별을 이제 다 못 헤는 것은 쉬이 아침이 오는 까닭이요, 내일 밤이 남은 까닭이요, 아직 나의 청춘이 다하지 않은 까닭입니다.
별 헤는 밤 윤동주 계절이 지나가는 하늘에는 가을로 가득 차 있습니다. 나는 아무 걱정도 없이 가을 속의 별들을 다 헬 듯합니다. 가슴 속에 하나 둘 새겨지는 별을 이제 다 못 헤는 것은 쉬이 아침이 오는 까닭이요, 내일 밤이 남은 까닭이요, 아직 나의 청춘이 다하지 않은 까닭입니다.
"본 인터넷 사이트 내의 모든 이미지, 문구, 콘텐츠, 내용 등에 대한 저작권은 76beny에게 있습니다.
이를 무단으로 도용, 복사, 전재, 재배포, 2차 변형 등을 할 경우
민, 형사상 법적 조치 등 저작권법에 의거하여 처벌 받을 수 있습니다."
'CSS_VSC' 카테고리의 다른 글
10. 목록스타일 (0) | 2022.06.16 |
---|---|
08. 텍스트 스타일 (0) | 2022.06.16 |
06. 글꼴 관련 스타일 (0) | 2022.06.16 |
05. 선택자 우선순위 (0) | 2022.06.14 |
04.CSS선택자 (형제관계 태그 중 선택,문자선택자,부정선택자,일반구조선택자,형태구조선택자) (0) | 2022.06.14 |