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.