Side by side layout for some fields using Play form helper
<p>I am new to Play framework and using play 2.5.2. 
In some of the pages, I need to display few fields one next to another.</p>

<p>For ex:</p>

<p>Product name</p>

<p>[Text box for product name]</p>

<p>Product category</p>

<p>[Text box for product category]</p>

<p>Price range: from [input box] to [input box]</p>

<p>City</p>

<p>[Text box for city]</p>

<p>Manufactured date: from [input box] to [input box]</p>

<p>How do I achieve this layout (displaying only the price range and manufactured date differently)?</p>

<p>I am using views.html.helper (<code>@import helper._</code>) and not twitter bootstrap. 
This is how I am using it:</p>

<pre><code>@inputText(
  extractSearchForm("productName"),
  '_label -&gt; "Product name",
  'placeholder -&gt; "Product name for ex: Jess Toer"
)
</code></pre>