This paragraph should be indented ten pixels.

This paragraph should be indented twenty pixels, since horizontal margins do not collapse.

This element has a width of 50%, and due to 'auto' values applied to the right margin, the element should be left justified within its parent. The gray rectangle should therefore appear on the left edge of the viewport (e.g. the browser window). The text inside the gray rectangle should not be centered.

This element has a width of 50%, and due to 'auto' values applied to the left and right margins, the element should be centered within its parent. The gray rectangle should therefore appear in the middle of the viewport (e.g. the browser window). The text inside the gray rectangle should not be centered.

This element has a width of 50%, and due to 'auto' values applied to the left margin, the element should be right justified within its parent. The gray rectangle should therefore appear on the right edge of the viewport (e.g. the browser window). The text inside the gray rectangle should not be centered.

Since the width is "auto," the margins that are set to "auto" become zero and this paragraph should have width 100% and the text should be left justified.

Since the width is "auto," the margins that are set to "auto" become zero and this paragraph should have width 100% and the text should be left justified.

Since the width is "auto," the margins that are set to "auto" become zero and this paragraph should have width 100% and the text should be left justified.

Since auto is an invalid value for padding, the right-margin of this paragraph should be reset to `auto` and thus be expanded to 50% and it should only occupy the left half of the viewport.

Because this paragraph has width 100%, the auto margins become zero, so it should not be centered.