title: Increasing the size of a input field in HTML/CSS/JS
body: <p>I am trying to increase the size of an input field on a webpage.  My width is fine, but my height is what I am trying to figure out.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#searchBox {
    color: white;
    float: right;
    margin-right: 10px;
    padding: 20px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="searchBox"&gt;
    &lt;form action="search" id="searchBar"&gt;
      &lt;input type="text" name="search"&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  &lt;!-- searchBox --&gt;</code></pre>
  </div>
  </div>
  </p>