This document discusses different methods for aligning elements with CSS, including using margins to center block elements, positioning elements absolutely or floating them to the right or left of their parent container. Absolute positioning allows elements to overlap but is best for specific positioning, while floating elements avoids overlapping and is well-suited for multi-column page layouts. Margin: auto centers block elements, position: absolute places elements in exact locations, and float moves and sizes elements to flow alongside each other.

1. How to Align Elements: CSS
Stephanie Redmond and Samantha Totera

2. Aligning Block Elements
Using Margins
.center
{
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
}

3. Using Position Property
• absolute positioning is used for really
specific positioning.
• Elements aligned with absolute positioning
are able to overlap one another
.right
{
position:absolute;
right:0px;
width:300px;
background-color:#b0e0e6;
}

4. Using the Float Property
.right
{
float:right;
width:300px;
background-color:#b0e0e6;
}