title: Search bar like google in HTML and CSS
body: <p>Iam learning <code>HTML</code>, <code>CSS</code> and i have problem with making search bar like google. 
  Can you give me any advice, what am I doing wrong, especialy with size? Thanks :)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" xmlns="http://www.w3.org/1999/html" xmlns:th="http://www.thymeleaf.org"&gt;
  
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  &lt;/link&gt;
  &lt;!-- Optional theme --&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"&gt;
  &lt;/link&gt;
  &lt;!-- Latest compiled and minified JavaScript --&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;link rel="shortcut icon" type="image/x-icon" href="https://image.freepik.com/photos-libre/courbe-de-vapeur-de-la-fumee-d&amp;-39;onde_19-123974.jpg" /&gt;
  &lt;style&gt;
    .container {
      width: 1000px;
      margin-top: 100px;
      text-align: center;
    }
    h2 {
      font-family: "Trebuchet MS", Helvetica, sans-serif;
      size: 150px;
      fill: #294F6D;
    }
    div {
      width: 500px;
      height: 50px;
    }
    h1 {
      text-align: center;
      fill: 02111 D;
    }
    .search input[type="search"] {
      width: 400px;
      height: 50px;
    }
  &lt;/style&gt;
  &lt;body&gt;
    &lt;div class="container"
      &lt;form action="/worldoffragrance"&gt;
        &lt;input name="search" /&gt;
        &lt;input type="submit" value="GO" /&gt;
      &lt;/form&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks for your any suggestions :)</p>