title: How do I put text and an image side by side?
body: <p>I need to get my text and image to be next to each other on the same line, Without using tables. Float: left and right are not working.</p>
  
  <pre><code>&lt;h1 id="profileHead"&gt;Connor Clarke - Lorem ipsum dolor sit amet.&lt;/h1&gt;
    &lt;div id="profile"&gt;
      &lt;img id="profilePic" src="pictures/profilePicture.jpg"&gt;
        &lt;p id="profileDesc"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in justo libero. In dapibus vulputate augue at auctor. Aliquam sagittis odio quis magna ornare, at molestie neque mattis. Proin non orci ac arcu cursus tempus et ac purus. Nam aliquet.&lt;/p&gt;
    &lt;/div&gt;
  
  #profilePic {  width: 300px;  height: 300px;  float: right;}
  
  #profileDesc {float: left;}
  </code></pre>