title: How to adjust the alignment of placeholder text in input box?
body: <p><img src="https://i.stack.imgur.com/mqhrI.png" alt="enter image description here"></p>
  
  <p>The placeholder text in the third box appears in the middle while i want to be at the top.
  <strong>HTML</strong></p>
  
  <pre><code>&lt;div id="message"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;h1&gt;Send us a message&lt;/h1&gt;&lt;/li&gt;
        &lt;li&gt;&lt;input type="text" placeholder="Name"&gt;&lt;/li&gt;
        &lt;li&gt;&lt;input type="text" placeholder="Email"&gt;&lt;/li&gt;
        &lt;li&gt;&lt;input type="text" style="height:150px;" placeholder="Message"&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Send&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is <strong><a href="http://jsfiddle.net/ZzaL2/" rel="noreferrer">JSFiddle</a></strong></p>