To display an element as a block-level use: display: block-level; display: block; display: inline; display: display-block; What are three types of layouts? inline, fluid, static fixed, floating, static fixed, fluid, elastic inline, block, scrolling Provide a style rule to set the maximum width of an element to 960 pixels. maximum-width: 960px; maxw: 960px; width: 960px; max-width: 960px; Provide a style rule to horizontally center a block element within its container with a top/bottom margin of 20 pixels. margin: 20px center; margin: center 20px; margin: auto 20px; margin: 20px auto;

display: block-level;

display: block;

display: inline;

display: display-block;

inline, fluid, static

fixed, floating, static

fixed, fluid, elastic

inline, block, scrolling

maximum-width: 960px;

maxw: 960px;

width: 960px;

max-width: 960px;

margin: 20px center;

margin: center 20px;

margin: auto 20px;

margin: 20px auto;

margin: right;

text-align: right;

float: right;

padding: right;

clear: float;

clear: floats;

clear: both;

clear: all;

The widths of the floated elements exceed the available width of their container.

You cannot float more than one object within a row.

You have to clear the first three floating object to make room for the fourth.

You have to clear the fourth floating object to make room for the first three.

box-sizing: border-box;

box-sizing: content-box;

box-sizing: all;

box-sizing: complete;

The width of the child elements exceeds the width of the container.

The width of the container element is fixed at 0 pixels.

The height of the container element is fixed at 0 pixels.

All child elements are floating so that they are free of the container, leaving the container with no content.