.text-primary
.text-secondary
.text-tertiary
.text-error
<p class="text-primary">.text-primary</p>
<p class="text-secondary">.text-secondary</p>
<p class="text-tertiary">.text-tertiary</p>
<p class="text-error">.text-error</p>.text-align-left
.text-align-center
.text-align-right
<p class="text-align-left">.text-align-left</p>
<p class="text-align-center">.text-align-center</p>
<p class="text-align-right">.text-align-right</p>.text-wrap
.text-nowrap
<p class="text-wrap background-primary-container" style="width: 50px;">.text-wrap</p>
<p class="text-nowrap background-primary-container" style="width: 50px;">.text-nowrap</p>mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
<p class="text-break-word">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
<p class="text-overflow-ellipsis">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>