align (HTML attribute)
Example
The align
attribute below will center the content inside the two paragraphs (but CSS
could—and should—be used to set the alignment):
<p align="center">
Starter: Fruit Salad
</p>
<p align="center">
Main Course: Roast Duck
</p>
Description
The align
attribute affects the contents of the p, aligning
content to the "left", "right", or
"center", or setting it to "justify"
on the page.
This attribute is deprecated—the correct method for
aligning a p is to use the CSS
text-align property.
Figure 1 shows the effects of the
align attribute.
The dotted red border and the gap (margin) between each paragraph have been applied simply to demonstrate alignment more clearly.
Value
The accepted values are
"left", "right",
"center", and "justify".
If
"justify" is chosen, text is adjusted so that words
stick to both the left and right edges of the containing element, with the
final line left-justified. Some unsightly effects can occur when you’re
using "justify", as the browsers don’t have great
rendering engines for this type of effect, and can cause “rivers” in
blocks of text (that is, large gaps can appear to flow down through the
document).
Compatibility
| IE | 5.5 | Full |
|---|---|---|
| 6.0 | Full | |
| 7.0 | Full | |
| Firefox | 1.0 | Full |
| 1.5 | Full | |
| 2.0 | Full | |
| Safari | 1.3 | Full |
| 2.0 | Full | |
| 3.0 | Full | |
| Opera | 9.2 | Full |
Every browser listed supports this attribute.
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.

