Float divs in bootstrap : <p>How can i get the result, that you can see on the picture? I the col-md-4 divs, i want the 2 divs next to each other. The ikon to the left side, and text next to the ikon.</p>

<p>What i tried, witout any custom css:
Whit this code, the to divs are under each other, and not floating.</p>

<pre><code>echo '&lt;div class="col-md-4 elony"&gt;
                    &lt;div class="elony_ikon_div pull-left"&gt;'.$elony['elony_ikon'].'&lt;/div&gt;
                    &lt;div class="pull-right"&gt;
                        &lt;span class="elony_nev"&gt;'.$elony['elony_nev'].'&lt;/span&gt;
                        &lt;p class="elony_text"&gt;'.$elony['elony_text'].'&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class="clearfix"&gt;&lt;/div&gt;
                &lt;/div&gt;';
</code></pre>

<p><a href="https://i.stack.imgur.com/HYsAf.jpg" rel="nofollow noreferrer">enter image description here</a></p>
