Text
Alignment
All breakpoints
Left-aligned text.
Center-aligned text.
Right-aligned text.
Responsive
Right-aligned text for breakpoint sm and up.
Right-aligned text for breakpoint md and up.
Right-aligned text for breakpoint lg and up.
Right-aligned text for breakpoint xl and up.
Right-aligned text for breakpoint xxl and up.
Center-aligned text for breakpoint sm and up.
Center-aligned text for breakpoint md and up.
Center-aligned text for breakpoint lg and up.
Center-aligned text for breakpoint xl and up.
Center-aligned text for breakpoint xxl and up.
Right-aligned text as default. Left-aligned text for breakpoint sm and up.
Right-aligned text as default. Left-aligned text for breakpoint md and up.
Right-aligned text as default. Left-aligned text for breakpoint lg and up.
Right-aligned text as default. Left-aligned text for breakpoint xl and up.
Right-aligned text as default. Left-aligned text for breakpoint xxl and up.
Wrapping
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien mi, eleifend at arcu ac, ullamcorper ultricies tortor. Aliquam sit amet pellentesque dui. Nam ultrices rhoncus sodales. Maecenas a ante turpis. Suspendisse at mauris ex. Cras quis lacus sit amet lacus iaculis vulputate ac id nibh. Vestibulum consectetur porta ante vitae iaculis. Sed pretium euismod arcu, ut aliquet ipsum rutrum venenatis.
Word break
abcdefghijklmnopqrstuvwxyz0123456789abcdefghijklmnopqrstuvwxyz0123456789abcdefghijklmnopqrstuvwxyz0123456789abcdefghijklmnopqrstuvwxyz0123456789
Transform
Lowercased text
Uppercased text
Capitalized text
Font size
Font size 1
Font size 2
Font size 3
Font size 4
Font size 5
Font size 6
Font weight and italics
Bold text
Bolder text
Normal weight text
Light text
Lighter text
Italic text
Normal text
Line height
1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien mi, eleifend at arcu ac, ullamcorper ultricies tortor. Aliquam sit amet pellentesque dui. Nam ultrices rhoncus sodales. Maecenas a ante turpis. Suspendisse at mauris ex. Cras quis lacus sit amet lacus iaculis vulputate ac id nibh. Vestibulum consectetur porta ante vitae iaculis. Sed pretium euismod arcu, ut aliquet ipsum rutrum venenatis.
Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien mi, eleifend at arcu ac, ullamcorper ultricies tortor. Aliquam sit amet pellentesque dui. Nam ultrices rhoncus sodales. Maecenas a ante turpis. Suspendisse at mauris ex. Cras quis lacus sit amet lacus iaculis vulputate ac id nibh. Vestibulum consectetur porta ante vitae iaculis. Sed pretium euismod arcu, ut aliquet ipsum rutrum venenatis.
Base
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien mi, eleifend at arcu ac, ullamcorper ultricies tortor. Aliquam sit amet pellentesque dui. Nam ultrices rhoncus sodales. Maecenas a ante turpis. Suspendisse at mauris ex. Cras quis lacus sit amet lacus iaculis vulputate ac id nibh. Vestibulum consectetur porta ante vitae iaculis. Sed pretium euismod arcu, ut aliquet ipsum rutrum venenatis.
Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien mi, eleifend at arcu ac, ullamcorper ultricies tortor. Aliquam sit amet pellentesque dui. Nam ultrices rhoncus sodales. Maecenas a ante turpis. Suspendisse at mauris ex. Cras quis lacus sit amet lacus iaculis vulputate ac id nibh. Vestibulum consectetur porta ante vitae iaculis. Sed pretium euismod arcu, ut aliquet ipsum rutrum venenatis.
Monospace
Monospace text
Reset color
Reset link color