Span tag setting text-indent does not work because text-indent can only be set for block-level elements, while span tags are inline elements; solution: use "span{display:inline-block;} " style converts span tags into inline block-level elements.
The operating environment of this tutorial: windows7 system, css3 version. This method is suitable for all brands of computers.
(Recommended tutorial: CSS Video Tutorial)
The text-indent attribute specifies the indentation of the first line of text in the text block. Note: Negative values are allowed. If the value is negative, indent the first line left.
The reason why text-indent does not work in the css span tag
And setting text-indent for span does not work because text-indent can only be used for blocks Level element settings.
Solution:
But if span{display:block}
is converted to a block-level element, it will wrap and must be floated to control, adding to the trouble.
So change the css to span{display:inline-block;}
.
For more programming-related knowledge, please visit: Introduction to Programming! !
The above is the detailed content of Why does text-indent not work in css span tag?. For more information, please follow other related articles on the PHP Chinese website!