Text-indent Invalid Solution

The text-indent is used to indent characters.

The element in which the 1.text-indent is located is an inline element rather than a block-level element. For example, used in span,a and other inline elements.
Solution:
Add Display:block to elements in line; Or put the target element into a block-level element such as <div>, and then apply the Text-indent style to <div> block-level elements.

The element where the 2.text-indent is located does not use the overflow property.
Solution:
Add Overflow:hidden to the element. However, after testing, this function is not big, the 1th role is bigger.

The value set by 3.text-indent exceeds the default maximum or minimum value of the browser, for example: Text-indent:999999em is not available under Google Chrome.
Solution:
Some predecessors said the Chrome0.4.154.22 version of the Text-indent support for the indentation limit is: -134217723px; out of this number under Chrome, the Text-indent property is invalid, and the same problem exists under FF. There seems to be no limit or limit value range in IE.

Reference:

Http://www.w3school.com.cn/cssref/pr_text_text-indent.asp

Http://www.educity.cn/wenda/129305.html

Text-indent Invalid Solution