title: Center HTML Input Text Field Placeholder
body: <p>How can I centre the input field's placeholder's alignment in a html form?</p>
  
  <p>I am using the following code, but it doesn't work:</p>
  
  <p>CSS -></p>
  
  <pre><code>input.placeholder {
      text-align: center;
  }
  .emailField {
      top:413px;
      right:290px;
      width: 355px;
      height: 30px;
      position: absolute;
      border: none;
      font-size: 17;
      text-align: center;
  }
  </code></pre>
  
  <p>HTML -></p>
  
  <pre><code>&lt;form action="" method="POST"&gt;
      &lt;input type="text" class="emailField" placeholder="support@socialpic.org" style="text-align: center" name="email" /&gt;
      &lt;!&lt;input type="submit" value="submit" /&gt;  
  &lt;/form&gt;
  </code></pre>