Placing the elements inside the div in a straight line
<p><strong>HTML Code</strong> </p>

<pre><code>&lt;div id="identity1"&gt;
  &lt;p&gt;
  Hai
  &lt;/p&gt;
  &lt;p&gt;
  How are you
  &lt;/p&gt;
  &lt;img src="http://lmsotfy.com/so.png" width="200px"&gt;
&lt;/div&gt;  
</code></pre>

<p><strong>CSS Code</strong></p>

<pre><code> #identity1
  {
    float:left;
  }
</code></pre>

<p>I want all the elements inside the div should be placed side by side. I want the output something like this.                                        </p>

<blockquote>
  <p>Hai How are you (and the image)</p>
</blockquote>

<p>How to do this?
I have attached the demo file <a href="https://jsfiddle.net/be0fxuyr/" rel="nofollow">here</a></p>