[CSS] Text related CSS properties

  • white-space: Control how space characters behave
  • word-break: Control how the words are being broken
word-break: normal;
word-break: break-all;
word-break: keep-all;
word-break: break-word; /* deprecated */
  • word-wrap / overflow-wrap: Same as word-break but only apply when the remaining space is not enough
overflow-wrap: normal;
overflow-wrap: break-word;
overflow-wrap: anywhere;
  • text-overflow: Specify the appearance when the text is being wrapped
text-overflow: clip;
text-overflow: ellipsis ellipsis;
text-overflow: ellipsis " [..]";