title: image and text display not working
body: <p>I have an html file like this.I am getting the output like this in picture1.But i need an output like this in picture2.mainly text should be parallel to the image</p>
  
  <pre><code>&lt;html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"en-US\" xml:lang=\"en-US\"&gt;
  &lt;head&gt;
  &lt;title&gt;MigraineMate Paint Graph&lt;/title&gt;
  &lt;meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\" /&gt;
  &lt;link href=\"default.css\" rel=\"stylesheet\" type=\"text/css\"/&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;img  src=\"Justin.png\" alt=\"justin Biber\"/&gt;
  &lt;div id=\"notification\"&gt;
  &lt;h1&gt;Please Wait  Graph may take a moment to load&lt;/h1&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and css file is </p>
  
  <pre><code>#notification 
  {
      width: 860px;
      height: 730px;
      margin: auto;
      background-color: transparent;
  }
  
  #notification h1 
  {
      padding-top: 15px;
      padding-left:0px;
      font-family: Georgia, "Times New Roman", Times, serif;
      font-size:20px;
  }
  </code></pre>