title: How to add line-breaks to a textarea with text over more lines
body: <p>I am using a textarea width about 300px with, 2 rows and a maxlength.</p>
  
  <p>If the text is two rows long I do not receive any line breaks (<code>&lt;br/&gt;</code> or \n ) in the $_POST var.</p>
  
  <p>PHP var_dump output of the textarea $_POST:</p>
  
  <pre><code>string(35) "test test test test test test test "
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;textarea name="text-1" id="text-1" rows="2" maxlength="35"&gt;Click here to enter text&lt;/textarea&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#text-1, #text-2 {
      background: none;
      border: none;
      width: 100%;
      max-width: 228px;
      height: 100%;
      word-wrap: break-word;
      text-align: center;
      resize: none;
      font: bold 21px 'Impact', sans-serif;
      color: #fff;
      text-shadow:  2px  2px 2px black,
                    2px -2px 2px black,
                   -2px  2px 2px black,
                   -2px -2px 2px black;
  }
  </code></pre>
  
  <p>I want to achieve this output depending on where the natural breakpoint into the second row is:</p>
  
  <pre><code>string(35) "test test test test test\n test test "
  </code></pre>
  
  <p>Any ideas if thats possible?</p>