Home : Wrap Text

How To Wrap Text
Around Images And Other Objects

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.

Always Use The Same HTML Wrap Code

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.

Wrap Text Tutorial--Watch Now


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.

You Might Also Like

Links In Text 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.
HTML Text Colors 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.
Position Images 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.


How To Make A Website