Comments on: text-indent https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Tue, 19 Feb 2019 16:50:26 +0000 hourly 1 https://wordpress.org/?v=6.4.3 By: Daniel S https://css-tricks.com/almanac/properties/t/text-indent/#comment-1666076 Tue, 19 Feb 2019 16:50:26 +0000 http://css-tricks.com/?page_id=14113#comment-1666076 It should be highlighted that the text-indent property will be INHERITED.
Use this example for the importance on this detail:

<div>Lorem ipsum <strong>dolor sit amet</strong>.

with this css:

div {
   text-indent: 10%;
}

Then the part “dolor sit amet” will be double intended because of the parent delaration. I’ve looked for hours for a display bug on my app and i hope i can save someone others time.

]]>
By: Jack Kuehne https://css-tricks.com/almanac/properties/t/text-indent/#comment-1619445 Tue, 10 Apr 2018 21:44:01 +0000 http://css-tricks.com/?page_id=14113#comment-1619445 Has anyone figured out how to do a double hanging indent aka a hanging indent on a hanging indent. For example, let’s say I have a <div> that contains a bullet point line that exceeds the length of the div. I use a hanging indent to align the subsequent lines with the beginning of the actual text on the first line, leaving the bullet sticking out in front. So far so good. Now suppose that bullet point line has some child lines (each line is in its own <div>) that should properly be indented past the bullet line text. I can simply use the text-indent property which is fine unless this child line exceeds the width of the div. in this case the subsequent lines will align with the actual bullet out in front of all the other text. Any suggestions to handle this situation are appreciated.

]]>
By: AL https://css-tricks.com/almanac/properties/t/text-indent/#comment-1613393 Tue, 28 Nov 2017 17:42:17 +0000 http://css-tricks.com/?page_id=14113#comment-1613393 gmail app doesn’t support this, is there anything else that can be used to replace text-indent ? thanks

]]>
By: jai https://css-tricks.com/almanac/properties/t/text-indent/#comment-1592598 Wed, 18 Feb 2015 05:36:27 +0000 http://css-tricks.com/?page_id=14113#comment-1592598 nice..im using this in mobile application,in portarit view its working..in landscape view its not working

]]>
By: Joseph ronald martelly https://css-tricks.com/almanac/properties/t/text-indent/#comment-1582629 Fri, 13 Jun 2014 11:26:02 +0000 http://css-tricks.com/?page_id=14113#comment-1582629 nice

]]>
By: Dave https://css-tricks.com/almanac/properties/t/text-indent/#comment-934983 Tue, 24 Dec 2013 08:51:26 +0000 http://css-tricks.com/?page_id=14113#comment-934983 Dude/old chap, I think you meant to put “each-line is an experimental and unofficial value…”

]]>
By: Prout https://css-tricks.com/almanac/properties/t/text-indent/#comment-659906 Wed, 13 Nov 2013 13:28:22 +0000 http://css-tricks.com/?page_id=14113#comment-659906 > [_Your text to link here..._****](http://prout.com "prout")

]]>
By: ck バッグ https://css-tricks.com/almanac/properties/t/text-indent/#comment-576338 Mon, 07 Oct 2013 07:17:25 +0000 http://css-tricks.com/?page_id=14113#comment-576338 adidas パーカー

]]>