Hanging indent on unbulleted list with CSS
<p>I am trying to create a <code>&lt;ul&gt;</code> with no bullets (i.e. <code>list-style-type: none</code>) where the items have a hanging indent (all lines except first are indented). I do not mean that all <code>&lt;li&gt;</code> after the first should be indented-- rather that, if an <code>&lt;li&gt;</code> spans more than one line, all lines after the first should be indented within that <code>&lt;li&gt;</code>. How can I achieve this? </p>

<p>So far I've tried:</p>

<ul>
<li><code>text-indent: 5px hanging</code>: no effect, <code>hanging</code> is not yet supported</li>
<li><code>text-indent: -5px; padding-left: 5px</code>: found this trick <a href="http://www.thesitewizard.com/css/hanging-indents.shtml" rel="nofollow noreferrer">here</a>, but it did not work in this context</li>
<li>the solution at <a href="https://stackoverflow.com/questions/17556496/cross-browser-compatible-hanging-indent-for-lists">this SO question</a>, which didn't work for unbulleted lists</li>
</ul>

<p><strong>NOTE</strong>: I know that I can achieve this by other means (e.g. using <code>&lt;p&gt;</code>s instead of a list), but I am wondering whether it is possible with <code>&lt;ul&gt;</code>.</p>