title: Text and Image in same line
body: <p>I am trying to achieve something like this:
  <img src="https://i.stack.imgur.com/JRBCn.png" alt=""></p>
  
  <p>But it is turning out like this:</p>
  
  <p><img src="https://i.stack.imgur.com/NKeMo.png" alt="enter image description here"></p>
  
  <p>This is my HTML code:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Test&lt;/title&gt;
  &lt;link href="style.css" rel="stylesheet" type="text/css"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;p&gt;Text&lt;/p&gt;
  &lt;p&gt;Text 2&lt;/p&gt;
  &lt;p align="center"&gt;
  &lt;img src="Images/image" width="150" height="150" alt="Image"/&gt;
  &lt;/p&gt;
  &lt;p&gt;Test 3&lt;/p&gt;
  &lt;p&gt;Test 4&lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is my CSS:</p>
  
  <pre><code>@charset "UTF-8";
  /* CSS Document */
  body
  {
      background-color:#00A1B3;
  }
  img
  {
      display:inline;
  }
  p
  {
      display:inline-block;   
      float:left;
  }
  </code></pre>
  
  <p>What am I doing wrong?</p>