title: CSS/HTML - make text go around an image
body: <p>I have an image on a webpage and I would like the text to start right next to where the image does but go around the image, if the text length goes past the image, the text would go underneath the image... Like you would if in Microsoft Word you made an image "tight" and placed it in a paragraph. I am new to HTML and CSS... I've tried the <code>style = "display:inline"</code> but that does not seem to work. Can someone please help me?</p>
  
  <p>My HTML (edited out the image URL):</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class = "main"&gt;
          &lt;div class ="picture"&gt;
              &lt;img src = "..." alt = "picture" style="width:180px;height:240px"&gt;
          &lt;p style='display:inline;'&gt;This is the &lt;b&gt;HOME&lt;/b&gt; page&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  </code></pre>
  
  <p>My CSS: </p>
  
  <pre><code>    body {
      }
  
      .main {
      }
      .main .picture {
          padding-top: 15px;
          padding-left: 5px;
  
          text-align: left;
      }
      .main .info{
      }
  </code></pre>