Last Comment Bug 784648 - [CSS: text-indent] Implement 'each-line' and 'hanging'
: [CSS: text-indent] Implement 'each-line' and 'hanging'
Status: NEW
: css3
Product: Core
Classification: Components
Component: CSS Parsing and Computation (show other bugs)
: unspecified
: All All
-- enhancement with 8 votes (vote)
: ---
Assigned To: Nobody; OK to take it and work on it
: Jet Villegas (:jet)
Depends on:
Blocks: css3test
  Show dependency treegraph
Reported: 2012-08-22 03:53 PDT by George
Modified: 2017-01-15 18:48 PST (History)
11 users (show)
See Also:
Crash Signature:
QA Whiteboard:
Iteration: ---
Points: ---
Has Regression Range: ---
Has STR: ---


Description User image George 2012-08-22 03:53:22 PDT
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:14.0) Gecko/20100101 Firefox/14.0.1
Build ID: 20120713134347

Steps to reproduce:

Authors commonly want to add a text-indent on each paragraph of their writing.
(This is natural to anyone who composes documents in a page-based text editor)
To achieve this stylistic result, authors currently have to insert HTML code to delineate their paragraphs.

An author will, for example, write:

<article id=container>
<p>First paragraph ...</p>
<p>Second paragraph ...</p>
<p>Third paragraph ...</p>

p {text-indent: 2em;}

This unnecessarily pollutes the DOM with excess elements. Authors rarely plan to style each paragraph individually (beyond the current limitation of text-indent).

But, with text-indent: each-line implemented, an author could write the much simpler:

<article id=container>
First paragraph <br>
Second paragraph <br>
Third paragraph <br>

article {text-indent: 2em each-line}

Of course, if there is a practical reason to denote each paragraphs' start /end (JavaScript manipulation, linking through ids etc), the old way of adding markup would still be valid. But this is usually the exception, not the rule.

Interested readers can view the specification here:

Thank you for your time.
Comment 1 User image Florian Bender 2013-09-05 12:22:56 PDT
There's also `text-indent: (value) hanging` and the combination of both. This bug should probably cover both as they are supplementary.
Comment 2 User image Sebastian Zartner [:sebo] 2014-07-15 04:31:01 PDT
According to comment 3 the title of this issue should probably be changed to include 'hanging'.

Comment 3 User image Sebastian Zartner [:sebo] 2014-07-24 11:10:53 PDT
> According to comment 3
Of course I meant comment 1.


Note You need to log in before you can comment on or make changes to this bug.