[typography] BS5 - .text-end 클래스 - 텍스트 오른쪽정렬 (= 글자 우측정렬 = .text-end클래스 = 텍스트엔드클래스)

1. .text-end 예제 - 텍스트 오른쪽정렬
2. .text-end 정의

.text-end 예제 - 텍스트 오른쪽정렬

 

<div class="container mt-3">

  <p class="text-start">텍스트 왼쪽정렬</p>

  <p class="text-end">텍스트 오른쪽정렬</p>      

  <p class="text-center">텍스트 중앙정렬</p>

  <p class="text-nowrap">연속   공백   통합  후   한   줄로   표현</p>

</div>

 

결과보기

.text-end 정의

 

텍스트 오른쪽 정렬.

 

---

[정의]

 

.text-end {

  text-align: right !important;

}