title: Justify and Center <textarea> text HTML/CSS?
body: <p>I have a textarea and I want it to be justified so all the lines are equal in width and to be centered to the text stays in the middle of the textarea when it's not at maximum line length.</p>
  
  <p>This is my textarea:</p>
  
  <pre><code>&lt;textarea class="Whiteboard" type="text" placeholder="Type something..."&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>...and the CSS:</p>
  
  <pre><code>textarea.Whiteboard{
      resize: none;
      background-color: #F1F1F1;
      border: none;
      height: 500px;
      width: 800px;
      text-align: center;
      font-size: 50px;
  }
  </code></pre>
  
  <p>Thank you all!</p>