One of the most frustrating things to learn when I was first starting out was how to wrap text around images and other objects on my pages.
I can remember wasting so much of my valuable time trying to get things spaced properly so that my text didn't run all over other objects I was trying to place on my pages.
I finally mastered how to align my images perfectly using a very simple method that I now repeat every single time I want to properly space objects.
Get in the habit of using a standard image call every single time you place an image. That way all you have to do is alter it for the page that you are working on. Here's the code I use:
<img src="http://www.your-domain-name.com/images/your-image-name.jpg" ALIGN=”right” STYLE="BORDER: 1px gray solid;" HSPACE="10" VSPACE="0" ALT="Keyword Rich Description" TITLE="Hover Description" HEIGHT="332" WIDTH="450">
To learn how I do it, watch the video below or click here to read my "How To Wrap Text Around Image" article.
| How to Line up Text and Images |
| Watch me adjust HTML Wrap Code in an HTML document until my image is lined up and the text wraps around it perfectly. |
![]() |
How To Create Text Links Everything you ever needed to know about creating Links. Simple html text links to other webpages, to a specific point on a page, aka anchor links, using absolute paths and creating image links. |
![]() |
How To Choose HTML Text Colors Learn how to change font color, highlight text, use Hex codes or color names. Plus watch a video tutorial on how to use images to choose website color combinations. |
![]() |
How To Position Images Learn even more about positioning images so you can get them exactly where you want them on your webpages. Find the exact code for all of your image positioning challenges including lining them up in a row or column. |