CSS: Cascading Style Sheets

Floating Elements

You can make a picture float to the left of text or float to the right of text.

• float: left;
• float: right;
• float: none;

If you want to stop the text from floating around the picture at some point, use

• clear: both;

Absolute Positioning

With absolute positioning, you can control the exact position of an element.

• position: absolute;

You can specify either top or bottom (but not both) and either left or right (but not both).

• top: 50px;
• bottom: 20%;
• left: 1in;
• right: 200px;

Layers with z-index

If two pictures overlap, the picture with the higher z-index will appear on top of the picture with the lower z-index.

• z-index: 1;
• z-index: 2;
• etc.