title: text-indent on user formatted text
body: <p>I would like to use the text-indent property (or something like this) to add a indentation of the first line of each paragraph.</p>
  
  <p>First the user can write his text in a textarea, then save it in a DB.</p>
  
  <p>When I want to display this text i use :</p>
  
  <pre><code>$exhib = $res-&gt;fetch_array();
  echo "&lt;div class='infoContent'&gt;". nl2br($exhib['description']) . "&lt;/p&gt;&lt;/div&gt;";
  </code></pre>
  
  <p>The line return of the user are stored as <code>\n</code> in DB, and modified to <code>&lt;br /&gt;</code> by <code>nl2br</code>. With my CSS :</p>
  
  <pre><code>.infoContent
  {
     text-indent: 10px;
  }
  </code></pre>
  
  <p>only the first line is indented. (normal behavior).</p>
  
  <p><strong>Q</strong> : How can I make this indentation automatic for each line after a <code>&lt;br /&gt;</code> tag ?</p>
  
  <p>I tried a ugly solution, but it doesn't work because empty paragraph section <code>&lt;p&gt;&lt;/p&gt;</code> doesn't create another line return (in case the user enter 2 line return \n\n).</p>
  
  <pre><code> echo "&lt;div class='infoContent'&gt;&lt;p&gt;" . str_replace("&lt;br /&gt;", "&lt;/p&gt;&lt;p&gt;", nl2br($exhib['description'])) . "&lt;/p&gt;&lt;/div&gt;";
  </code></pre>
  
  <p>I can replace <code>&lt;p&gt;&lt;/p&gt;</code> tag  by <code>&lt;br /&gt;</code> but it seems to be a <strong>very</strong> bad solution...</p>
  
  <p><strong>EDIT:</strong>
  <a href="http://jsfiddle.net/Yv854/" rel="nofollow">JSfiddle</a></p>
  
  <p>Thanks</p>