title: Center Align Submit button
body: <p>I have a form with a textarea and submit button.<br />
  I floated textarea to left and submit button to right.<br /></p>
  
  <p>This is how it is displayed in Firefox.</p>
  
  <p><img src="https://i.stack.imgur.com/22WYt.png" alt="enter image description here">
  This is how it is displayed in IE.</p>
  
  <p><img src="https://i.stack.imgur.com/K6rhk.png" alt="enter image description here"></p>
  
  <p>This is the html code i have written.</p>
  
  <pre><code>&lt;div id="form"&gt;
    &lt;form method="post" action="google.php"&gt;
     &lt;textarea rows="3" cols="40"  style="width: 300px; float: left;"&gt;&lt;/textarea&gt;
     &lt;input type="submit" style="width: 100px; float: right;" /&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the CSS Code:</p>
  
  <pre><code>#form {
   overflow: auto;
   border: 1px solid black;
   width: 600px;
   padding-left: 10px;
   padding-right: 10px;
  }
  </code></pre>
  
  <p>How to align the submit button <strong>vertically</strong> in center with respect to the textarea.?</p>
  
  <p><strong>ANSWER :</strong> <br />
  I modified the code to meet my requirements.<br /></p>
  
  <p>This is the CSS code :<br /></p>
  
  <pre><code>#form {
    overflow: auto;
    border: 1px solid black;
    width: 600px;
    padding-left: 10px;
   padding-right: 10px;
    }
   #form  textarea {
     vertical-align: middle;
    }
   #form span{
     display: inline-block;
     vertical-align: middle;
    margin-left: 40px;
  }
  </code></pre>
  
  <p>HTML Code: <br /></p>
  
  <pre><code> &lt;div id="form"&gt;
      &lt;form method="post" action="google.php"&gt;
      &lt;textarea rows="3" cols="40"  style="width: 300px; "&gt;&lt;/textarea&gt;
      &lt;span&gt;&lt;input type="submit" value="Comment"  /&gt;&lt;/span&gt; &lt;/form&gt;
   &lt;/div&gt;
  </code></pre>