title: Contact Form 7 - Multiple text fields on the same line
body: <p>I am using Contact Form 7 to design a booking form for a hotel.</p>
  
  <p><a href="http://istanabalian.com/book/" rel="noreferrer">http://istanabalian.com/book/</a></p>
  
  <p>I can't figure out how to customize the layout. I'd like some of the text fields to be displayed on the same line but I don't find the correct identification for the elements and/or which CSS styling to use to achieve this very simple goal.</p>
  
  <p>Here is the code :</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;div id="responsive-form" class="clearfix"&gt;
  
  &lt;label&gt; Your Name (required)
      [text* your-name] &lt;/label&gt;
  
  &lt;label&gt; Your Email (required)
      [email* your-email] &lt;/label&gt;
  
  &lt;label&gt; Arrival date
  [date date-79 id:Arrivaldate date-format:mm/dd/yy] &lt;/label&gt;
  
  &lt;label&gt; Departure date
  [date date-80 id:Departuredate date-format:mm/dd/yy] &lt;/label&gt;
  
  &lt;label&gt; How many guests?
      [text your-guests] &lt;/label&gt;
  
  &lt;div class="form-row"&gt;
         &lt;p&gt;Number of adults [text your-adults]&lt;/p&gt;
         &lt;p&gt;Number of children under 6 years old [text your-little-children]&lt;/p&gt;
         &lt;p&gt;Number of children under 12 years old [text your-big-children]&lt;/p&gt;
  &lt;/div&gt;
  
  Select your preferred accomodation
      [checkbox your-accomodation use_label_element "Wayan (Two-story villa)" "Kadek (Two-story villa)" "Nyoman (Garden bungalow)" "Kehut (Garden bungalow)" "Pasca (Garden bungalow)"]
  
  Do you need transportation to the hotel ? 
  [radio your-pickup default:1 use_label_element exclusive "No transport needed" "Transport from Denpasar airport" "Transsport from Gilimanuk Ferry"]
  
  &lt;label&gt; Do you want us to arrange motorbike rental for you ? 
      [text your-motorbikes] &lt;/label&gt;
  
  &lt;label&gt; Tell us more about what brings you to Balian
      [textarea your-message] &lt;/label&gt;
  
  [submit "Send"]
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to display the p elements of the form-row elements on a single line. I have tried this CSS line :</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>.form_row p{
  display: inline-block
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>But it does not do anything. I feel I am missing something, can anybody help ?</p>
  
  <p>Many thanks in advance,</p>
  
  <p>Benjamin</p>