title: how to place elements inside divs horizontally
body: <p>I have a div and I want the elements inside the div to be placed horizontally .</p>
  
  <p>here is my small code </p>
  
  <pre><code>&lt;div&gt;
      &lt;g:Label&gt;Legal Name &lt;/g:Label&gt;
      &lt;g:TextBox&gt; &lt;/g:TextBox&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have these 2 elements in my div , I want to place them in one row ,but I am getting a label then in the next row I am getting the textbox , Any idea how to make both in one line. </p>
  
  <p>disply:inline  works .. but</p>
  
  <p>isn't this possible ..?</p>
  
  <pre><code>            &lt;div className="test"&gt;
  
      &lt;g:Label&gt;Legal Name &lt;/g:Label&gt;
      &lt;g:TextBox ui:field="txtLegalName"&gt;&lt;/g:TextBox&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>   .test{
  display:inline-block;
  </code></pre>
  
  <p>}</p>
  
  <p>I actually want to reduce my code , don't want to put this style to every widget of the Div, as there will be many elements coming into this div</p>
  
  <p>Thanks </p>