template and p tag in the same line
<p><a href="https://jsfiddle.net/dhaileytaha/ghuj4jL8/7/" rel="nofollow">https://jsfiddle.net/dhaileytaha/ghuj4jL8/7/</a> 
as in the above fiddle i need the p tag on the left hand side and the template on the right hand side at the same level</p>

<pre><code> &lt;p&gt;abcdefg&lt;/p&gt;
 &lt;!-- Offers List - START --&gt;
  &lt;div class="container"&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"&gt;
        &lt;div class="listing listing-default"&gt;
            &lt;div class="shape"&gt;
                &lt;div class="shape-text"&gt;buy&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="listing-content"&gt;
                &lt;h3 class="lead"&gt;Standard listing&lt;/h3&gt;
                &lt;p&gt;Buy items on normal prices. No discounts available for this listing.&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;p&gt;uvwzyx&lt;/p&gt;
</code></pre>