HTML Web Design Tutorial #16

Setting the Alignment of Content on a Web Page

In part 15 you got to see some different kinds of fonts, and how to change them on your web page. Now we will see how to align elements in the center, or to the right of our web page.

When you put something new into your web page you'll see that it always lines up on the left side of the page. By default, all content is aligned to the left, just like you would start writing on the left side of a sheet of paper. Sometimes though, there'll be a need to put something in the center of the page, or even on its right side.

Using the text-align property in a style rule can set the alignment of any block-level element. In this next lesson, we will see how to apply this rule to some of our text. We'll also see how to put some text into a class, so that only it is affected by the rule, and not all of the text. To see how it's done, click on the play button below.

<<<Last Tutorial

Next Tutorial>>>