How to Align Something in HTML

Step-by-Step Guide

1. 1

   Step 1: Surround each section that will have changed alignment with a "div".

   That means, you need to add "div" inside the "less than" and "greater than" symbols (<>) before the first HTML tag that will have its alignment changed, and add "/div" inside these symbols after the last HTML tag that will have its alignment changed.
2. 2

   Step 2: Determine how you need to change the alignment of the text in that "div".

   , If you need to right-align the text, change the "div" tag to "div style='text-align:right'" within the "<>" symbols.
   
   If you need center-align the text, change the "div" tag to "div style='text-align:center'" within the "<>" symbols.
   
   If you need to justify the text, change the "div" tag to "div style='text-align:justify'" within the "<>" symbols. ,, If it didn't work, then the website has specific coding in its style sheet that overrides your "div".
   
   Override the site style-sheet by adding the appropriate version of "style='text-align:right'" inside the opening tag of each element to have its alignment changed.
   
   For example, a "p" tag would become "p style='text-align:right'" within the "<>" symbols. ,
3. 3

   Step 3: If you need left-align the text

4. 4

   Step 4: change the "div" tag so that the following text is inside the "<>" symbols: div style='text-align:left'.

5. 5

   Step 5: Save your changes.

6. 6

   Step 6: Verify your content's appearance to make sure it worked.

7. 7

   Step 7: Enjoy seeing your text display exactly how you wanted.

Detailed Guide

About the Author