Floating images with HTML
In today’s article, I used a screenshot image. I was able to select the image from my Mac by using CMD+shift+4. Once you let go of the image, the Mac will save it to your desktop as a pdf that you can then alter in Photoshop. In order to wrap the text around the image, I had to float the image and add some padding so that the text did not butt up directly against the image. When I searched for the code to do this little trick, I kept finding CSS, but not HMTL that sufficiently executed what I wanted to achieve. In order to work around this problem, I ended up inserting CSS directly into the HTML by using the code below. I confess, my resident expert maybe helped me a bit.
<img src=”/images/article_photos/htaccess_screenshot.jpg” alt=”htaccess screenshot” style=”float:left; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;” />
I hope this helps someone else out there looking to style a post a bit without completely going into CSS to do it.