Pure CSS ellipsis when text doesn’t fit block

If text is too long for a block on your HTML page, use this tip to truncate it with three dot ellipsis ... .myBlock { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } Note: the block's display must not be set to inline.