.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> 결과보기
<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-align: right !important; }
텍스트 오른쪽 정렬.
[정의]
.text-end {
text-align: right !important;
}