title: Dynamically align divs side by side
body: <p>I'm working on parent-children relationship. I have a company model and product model, when I pull the record of the products of a company I want them to be aligned side by side, since divs by default aligns vertically, how do I make them align horizontally? I have seen a couple of answers that shows how to do this statically but since these are dynamic records, how do I align them side by side using divs generated dynamically?</p>
  
  <pre><code>@foreach($product as $products)
    @if($company-&gt;id === $products-&gt;company_id)
       &lt;div class="flow"&gt;{!! Html::linkRoute('companyContactView', $products-&gt;productname, $products-&gt;company_id) !!}&lt;/div&gt;  |  
    @endif
  @endforeach
  </code></pre>