Text Formatting

Add the following classes on any text element
  • text-lowercase Lowercased text.
  • text-uppercase Uppercased text.
  • text-capitalize Capitalized text.
  • old-info to get line through text.
  • overline to get line over text.
  • underline to get line under text.
  • italic to get the text italic.
  • Add the classes font-weight-200, font-weight-400, font-weight-600, bold to change font weight
  • Add classes letter-spacing-0, letter-spacing-1, letter-spacing-2 to add and remove letter spacing.
  • smaller small extra-small to make text smaller.
  • unselectable to make text unselectable.
  • justified justified aligned text.
  • left left aligned text.
  • center centered text.
  • right right aligned text.

Limit Height to show only the first lines

height-1lines Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
height-2lines Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
height-3lines Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
← Previous Next β†’

Built with love in Ukraine πŸ‡ΊπŸ‡¦ by Kim Majali, EITO team, and contributors.