Text
These classes allows to apply some text styling like text-align: left, text-align: right, text-decoration: underline, etc...
directly inside your HTML.
Platform
css
│
Support
Chromium supported
Firefox supported
Safari supported
Edge supported
Since 2.0.0
│
Olivier Bossel
│
beta
Preview
Aligns
(left) Maurice Conroy
(right) Bennie Armstrong PhD
(center) Madeline Gusikowski
(start) Charlene Hoppe
(end) Lillian Rolfson
(left) Maurice Conroy
(right) Bennie Armstrong PhD
(center) Madeline Gusikowski
(start) Charlene Hoppe
(end) Lillian Rolfson
Loading code example. Please wait...
Decorations
(overline) Cheryl Hudson
(underline) Noah Blick
(line-through) Alicia Pagac
(overline) Cheryl Hudson
(underline) Noah Blick
(line-through) Alicia Pagac
Loading code example. Please wait...
Transforms
(lowercase) Malcolm Littel
(uppercase) Sandy Gulgowski
(capitalize) Evan Davis
(lowercase) Malcolm Littel
(uppercase) Sandy Gulgowski
(capitalize) Evan Davis
Loading code example. Please wait...
Install
CSS Classes
-
s-text:left
Align the text to the left
-
s-text:right
Align the text to the right
-
s-text:center
Align the text to the center
-
s-text:start
Align the text to the start (rtl aware)
-
s-text:end
Align the text to the end (rtl aware)
-
s-text:justify
Align the text to the justify
-
s-text:overline
Apply the overline text decoration
-
s-text:line-through
Apply the line-through text decoration
-
s-text:underline
Apply the underline text decoration
-
s-text:lowercase
Apply the lowercase text transform
-
s-text:uppercase
Apply the uppercase text transform
-
s-text:capitalize
Apply the capitalize text transform