title: Alignment of image an <p> tag
body: <p>I have an image of a map, and I want to add the address to the right hand side of it, I can't seem how to figure it out. Can any one help, this is the part of the coding I'm using:</p>
  
  <pre><code>&lt;div id="main"&gt;
  &lt;span style="margin-top:5px;
          margin-left:5px;
                text-align:right;"&gt;
         &lt;h1 align="center" style="font-size:40px;"&gt;&lt;span style="color:red;"&gt;Contact&lt;/span&gt;&lt;span style="color:#FFFFFF;"&gt; Us&lt;/span&gt;&lt;/h1&gt;
  
    &lt;img id="map" src="images/map.png" title="Image of Map for Krazie Needles." align="centre" /&gt;
  &lt;p align="left" style="margin-left:5px;
            margin-top: 5px;"&gt;
      45 Station Road
  </code></pre>
  
  <p>with the css code</p>
  
  <pre><code>       #main
  {
  
      margin-top:42px;
      margin-left:auto;
      margin-right:auto;
      position:relative;
      background:rgba(16,16,17,0.70);
      height:85%;
      width:90%;
      box-shadow: 3px 3px 2.5px #888888;
      border-radius:5px;
  }   
  
  img#map
  {
      margin-left:5px;
      border-radius:5px;
      border-style:solid;
      border-width:2px;
      border-color:#FFFFFF;
  }
  </code></pre>
  
  <p>I want to align the &lt; p > tag next to the image.</p>