How to Have a Picture on the Side of the Paragraph in HTML

HTML provides you with versatile image placement.

HTML tags are available for many document element types and include various attributes for customizing their behavior. The <img> tag enables you to include an image in your Web page. Create a picture on the right or left side of a paragraph using the HTML attributes available in the <img> tag.

Instructions

1. Open your HTML document in a text or HTML editor.

2. Locate the <img> tag coding, and type an "align" value inside the tag:

   <img align="left">

   The picture displays to the left of your paragraph.

3. Type a vertical and horizontal spacing value for "vspace" and "hspace."

   <img align="left" vspace="12" hspace="12" />

   A margin of 12 pixels displays between the left of the paragraph and the right of the picture.

Resources

• W3Schools.com: HTML <img> Tag