<p>The only thing I've found has been;</p>

<pre class="lang-css prettyprint-override"><code>.hang {
    text-indent: -3em;
    margin-left: 3em;
} 
</code></pre>

<p>The only way for this to work is putting text in a paragraph, which causes those horribly unsightly extra lines. I'd much rather just have them in a <code>&lt;span class="hang"&gt;&lt;/span&gt;</code> type of thing.</p>

<p>I'm also looking for a way to further indent than just a single-level of hanging. Using paragraphs to stack the indentions doesn't work.</p>

[{'answer_id': 11815, 'author': 'Shog9', 'author_id': 811, 'author_profile': 'https://Stackoverflow.com/users/811', 'pm_score': 5, 'selected': True, 'text': '<p><code>&lt;span&gt;</code> is an inline element. The term <em>hanging indent</em> is meaningless unless you\'re talking about a paragraph (which generally means a block element). You can, of course, change the margins on <code>&lt;p&gt;</code> or <code>&lt;div&gt;</code> or any other block element to get rid of extra vertical space between paragraphs.</p>\n\n<p>You may want something like <code>display: run-in</code>, where the tag will become either block or inline depending on context... sadly, this is <a href="http://quirksmode.org/css/css2/display.html" rel="noreferrer">not yet universally supported by browsers</a>.</p>\n'}, {'answer_id': 8090502, 'author': 'David Barnett', 'author_id': 1008297, 'author_profile': 'https://Stackoverflow.com/users/1008297', 'pm_score': 4, 'selected': False, 'text': '<p>Found a cool  way to do just that, minus the nasty span.</p>\n\n<pre class="lang-css prettyprint-override"><code>p {\n  padding-left: 20px; \n} \n\np:first-letter {\n  margin-left: -20px;\n}\n</code></pre>\n\n<p>Nice and simple :D</p>\n\n<p>If the newlines are bothering you in p blocks, you can add</p>\n\n<pre class="lang-css prettyprint-override"><code>p {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n</code></pre>\n\n<p><a href="http://jsfiddle.net/agweber/9dmtfhw2/" rel="noreferrer">JSFiddle Example</a></p>\n'}, {'answer_id': 29932188, 'author': 'JCH2', 'author_id': 4844225, 'author_profile': 'https://Stackoverflow.com/users/4844225', 'pm_score': 2, 'selected': False, 'text': '<p>ysth\'s answer is best with one debatable exception; the unit of measure should correspond to the size of the font.</p>\n\n<pre class="lang-css prettyprint-override"><code>p {\n  text-indent: -2en; \n  padding-left: 2en;\n}\n</code></pre>\n\n<p>"3" would also work adequately well; "em" is not recommended as it is wider than the average character in an alphabetic set. "px" should only be used if you intended to align hangs of text blocks with differing font sizes.</p>\n'}]
['https://Stackoverflow.com/questions/11809', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/362/']