title: style text input and submit button as inline
body: <p>I would like to ask you for a hint, how to style my text input and submit button that will be inline, especially - my pattern looks <a href="http://imageshack.us/photo/my-images/18/patterncf.jpg/" rel="nofollow noreferrer">this</a>:</p>
  
  <p>And the reality <a href="http://imageshack.us/photo/my-images/541/realityw.jpg/" rel="nofollow noreferrer">this</a></p>
  
  <p>In code I have:</p>
  
  <pre><code>&lt;form accept-charset="UTF-8" action="/home/index" method="post"&gt;
    &lt;div style="margin:0;padding:0;display:inline"&gt;
      &lt;input name="utf8" type="hidden" value="&amp;#x2713;" /&gt;
    &lt;/div&gt; 
    &lt;input class="search" data-autocomplete="/home/autocomplete_produkties_nazev" id="name" name="nazev" type="text" value="" /&gt; 
    &lt;input src="/images/search_btn.jpg?1308243954" type="image" /&gt; 
  &lt;/form&gt; 
  </code></pre>
  
  <p>And in CSS:</p>
  
  <pre><code>input.search {
      padding: 6px;
      width: 500px;
      font-size: 15px;
  
      border: 2px solid #cfcfcf;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
  
      background-image: url('/images/xxx.png');
      background-repeat: repeat-x;
      height: 61px;
  }
  </code></pre>
  
  <p>I am trying to get and how to repair, that the submit button is always above than text-input button... I don't know, where could be a problem... could be someone give me some tips or hint, how to place on the same line text-input and submit button?</p>
  
  <p>Thank you</p>