Open navigation menu

CSS Text Wrapping Control

Control text wrapping and overflow with CSS line-clamp text-wrap balance and overflow properties for content layout.

CssConfig Management

Code

.clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.balance {
  text-wrap: balance;
}

.pretty {
  text-wrap: pretty;
}

Related Examples