title: How do I keep my input fields on one line while centering the DIV that contains them?
body: <p>I gave this CSS class to some input fields </p>
  
  <pre><code>.searchField {
      display: inline-block;
  }
  </code></pre>
  
  <p>This is their underlying HTML ...</p>
  
  <pre><code>&lt;div id="searchForm"&gt;
  Search For Results&lt;br&gt; 
  &lt;form id="search-form" action="/races/search" accept-charset="UTF-8" method="get"&gt;&lt;input name="utf8" type="hidden" value="✓"&gt;
      &lt;input type="text" name="first_name" id="first_name" placeholder="First Name" class="searchField"&gt;
      &lt;input type="text" name="last_name" id="last_name" placeholder="Last Name" class="searchField"&gt;
      &lt;input type="text" name="my_object" id="my_object" placeholder="Event" size="50" class="searchField"&gt;
      &lt;input alt="Search" type="image" src="/assets/magnifying-glass-0220f37269f90a370c3bb60229240f2a4e15b335cd42e64563ba65e4f22e4.png" class="search_button"&gt;
  &lt;/form&gt; &lt;/div&gt;
  </code></pre>
  
  <p>However, despite the fact that there is enough horizontal screen real estate, one of them keeps wrapping to teh next line, as this Fiddle illustrates -- <a href="https://jsfiddle.net/3mwn14fk/" rel="noreferrer">https://jsfiddle.net/3mwn14fk/</a> .  How do I keep these items on one line (assuming there is enough browser width)?  Note I also want to keep the DIV they are within vertically and horizontally centered.</p>
  
  <p><b>Edit:</b> This is what I see in the Fiddle.  This is on Firefox.  Note the text fields are not on one line.</p>
  
  <p><a href="https://i.stack.imgur.com/FYWGn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/FYWGn.png" alt="What I see in my Fiddle"></a></p>
  
  <p><b>Edit 2</b></p>
  
  <p>Per Monica's Fiddle, this is what I see.  Note that the first naem and last name are on one line, but the event text box is on the next line.  I would like all three to be on the same line, even if the black box containing them has to expand</p>
  
  <p><a href="https://i.stack.imgur.com/l4ZbL.png" rel="noreferrer"><img src="https://i.stack.imgur.com/l4ZbL.png" alt="What I see from Monica&#39;s Fiddle"></a></p>