Comments on: CSS Tip: Negative Text Indent Not Working

By: Константин

Константин — Sun, 21 Feb 2016 00:15:00 +0000

You do not need to specify the width or height.
You can use other scale: px, em…
For text-indent need the correct value text direction, simple add attribute dir=”ltr” for text-align:left or dir=”rtl” for text-align:right, in CSS3 – direction: ltr | rtl | inherit.
You will not need to remove the text outside the window.
Remove text outside the element, simple add overflow:hidden.
Sorry for my English.

By: Ollie Murphy

Ollie Murphy — Tue, 11 Nov 2014 01:49:00 +0000

It’s always the simplest thing isn’t it? Can’t believe I didn’t think of that. Thanks for the tip, you definitely saved me some time.

By: Halil Köklü

Halil Köklü — Thu, 02 Jan 2014 13:18:00 +0000

In reply to Gabriel O'Czerny. The statement is true as it states negative text indents and not positive.

By: Allen Gingrich

Allen Gingrich — Tue, 09 Apr 2013 23:22:00 +0000

In reply to Gabriel O'Czerny. Very true! Thanks for the addition.

By: Gabriel O'Czerny

Gabriel O'Czerny — Wed, 27 Mar 2013 15:12:00 +0000

“Negative text indents do not work when accompanied by a right text-align.” – False Statement

It works but you need to set the text-indent atribute positive and set direction atribute to rtl. Hope it help =)

By: HtmlPiggy

HtmlPiggy — Mon, 18 Mar 2013 22:54:00 +0000

Good tip. Bacon saved.

By: Matt Valvano

Matt Valvano — Fri, 15 Feb 2013 21:10:00 +0000

Thanks Allen for the solution. Seems like a few others ran into this issue as well!

By: Lǐ Lù Xúan

Lǐ Lù Xúan — Fri, 08 Feb 2013 04:30:00 +0000

thank you for solution
can’t work with text-align:right – –

By: Alex

Alex — Thu, 25 Oct 2012 15:29:00 +0000

Awsome finding! Thank you for this.

By: Sarah Lewis

Sarah Lewis — Thu, 27 Sep 2012 18:01:00 +0000

Thanks so much for posting this. I didn’t have text-align: right explicitly set in my rule, but it was inheriting it, and your post was the clue I needed. Much appreciated!