title: Centering a search box with CSS
body: <p>This is the main code that positions the box. I need to make the search input along with the other parts always center on any size screen. The input area of the box keeps moving to the far right of the screen, which is a problem.</p>
  
  <pre><code>.wsite-search {
      position: relative;
      margin-top:78px;
      margin-right:auto;
      margin-bottom:0px;
      margin-left:auto;
  }
  
  .wsite-search-input:focus {
      background: #f8f8f8;
      border: 1px solid #000;
  }
  
  .wsite-search-input {
      width: 158px;
      height: 19px;
      border: 0;
      padding: 10px 45px 10px 7px !important;
      font-family: 'Oxygen', sans-serif;
      color: #8e8e8e;
      font-size: 17px;
      line-height: 24px;
      background: #fff;
      border: 1px solid #000;
      border-radius: 3px;
      font-weight:300;
  }
  
  .wsite-search-button {
      position: absolute;
      width: 18px;
      height: 18px;
      border: 0;
      right: 14px;
      top: 10px;
      background: url(submit-button-v3.png) no-repeat 0px 0px;
  }
  </code></pre>