Alignment in Web Page Layouts

Most Web developers, when they think of alignment think of the align attribute or the CSS float property or something like that. But the alignment of the elements on your page is just as important as whether your text is justified or your image is floated to the left. Alignment provides the structural framework of a design. The alignment can affect the mood of the page as well as how effective it is at getting its message across.

But page design can be as structured, with a rigid system that is obvious, or it can be more subtle. If you understand how to align elements effectively on your Web page, you'll be able to break the rules effectively as well.

These images show you a Web page with three simple elements and how you can lay out those elements on the page to create different designs. All that is changing in the layouts is where the elements are placed on the page.