Usage #
Use d-ta-{n} to change an element's text alignment.
<div class="d-code--sm d-docsite-code d-ws-nowrap">.d-ta-start</div> <div><p class="d-bgc-moderate d-ta-start">The quick brown fox jumps over the lazy dog.</p></div> <div class="d-code--sm d-docsite-code d-ws-nowrap">.d-ta-center</div> <div><p class="d-bgc-moderate d-ta-center">The quick brown fox jumps over the lazy dog.</p></div> <div class="d-code--sm d-docsite-code d-ws-nowrap">.d-ta-end</div> <div><p class="d-bgc-moderate d-ta-end">The quick brown fox jumps over the lazy dog.</p></div> <div class="d-code--sm d-docsite-code d-ws-nowrap">.d-ta-justify</div> <div><p class="d-bgc-moderate d-ta-justify d-w-500">The quick brown fox jumps over the lazy dog. This needs a width applied to it to work.</p></div> <div class="d-code--sm d-docsite-code d-ws-nowrap">.d-ta-unset</div> <div><p class="d-bgc-moderate d-ta-unset">The quick brown fox jumps over the lazy dog.</p></div>
Classes #
Class
|
Output
|
|---|---|
| .d-ta-start | text-align: start !important; |
| .d-ta-end | text-align: end !important; |
| .d-ta-center | text-align: center !important; |
| .d-ta-justify | text-align: justify !important; |
| .d-ta-unset | text-align: unset !important; |
| .d-ta-left Deprecated | text-align: start !important; |
| .d-ta-right Deprecated | text-align: end !important; |