The text-overflow property in CSS deals with situations where text is clipped when it overflows the element’s box. It can be clipped (i.e. cut off, hidden), display an ellipsis (‘…’, Unicode Range Value U+2026) or display an author-defined string (no current browser support for author-defined strings). .ellipsis { text-overflow: ellipsis; /* Required for text-overflow to
Properties
The text-indent property specifies how much horizontal space text should be moved before the beginning of the first line of the text content of an element. Spacing is calculated from the starting edge of the block-level container element. The starting edge is usually on the left, but can be right if in right-to-left mode, ala
The text-decoration property is used to add visual emphasis to content that is independent from the text’s font style, weight or other properties. <p class=”underline”>Underlined Text</p> <p class=”overline”>Overline Text</p> <p class=”strikethrough”>Stricken Text</p> <p class=”blink”>Blinking Text (may not work in your browser!)</p> .underline {text-decoration: underline;} .overline {text-decoration: overline;} .strikethrough {text-decoration: line-through;} .blink {text-decoration: blink;} body {
The text-align property in CSS is used for aligning the inner content of a block element. p { text-align: center; } These are the traditional values for text-align: left – The default value. Content aligns along the left side. right – Content aligns along the right side. center – Content centers between the left and