How to Align Right & Left in HTML

Creating your own websites using HTML coding can be a fun and rewarding experience, although sometimes confusing or daunting to those unfamiliar with using the code. Knowing how to align text, graphics, boxes or other features of your site can greatly enhance the look and feel to create a more professional product. Follow these steps to align objects using HTML.

Difficulty:

Moderately Easy

Instructions

Things You'll Need

• html editor or wordpad

1. Decide what you want to align on your site and find the HTML text that correlates with that particular graphic or text.

2. Type either ALIGN=LEFT or ALIGN=RIGHT at the end of the introductory tag for that particular section. For example, if you want to align a paragraph to the left of the page, type <P ALIGN=LEFT>. If you want to insert a graphic and have it aligned to the right of the page, type <IMG SRC="graphic.jpg" ALIGN=RIGHT>.

3. Check the changes that you've made to your site before making final saves and moving on to something else. HTML code can be tricky and even one space, letter or symbol out of place can throw of the site, so make sure you are happy with the way things look and work before you finish.

Tips & Warnings

• The default alignment in HTML coding is to the left; rarely would you need to align things to the left.

Resources

• Read this Article in Spanish
• Text Alignment