CSS Zero Margins Test

There should be no margins, border, or padding around any element in this document. That means that every block level element should be flush with both edges of BODY's red border, except for the last line of text at its right edge. It also means that the spacing between elements should be the same between elements as it is between lines.

This is a p element. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

This is an h1 element. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

This is an h2 element. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

This is an h3 element. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

This is an h4 element. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

This is an h5 element. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

This is an h6 element. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

This is a blockquote element. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

• This is an li element inside a ul element with list-style-position set to outside. This means that the bullets should be outside the margin and should therefore be outside of the BODY. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

• This is an li element inside a ul element with list-style-position set to inside. This means that the bullets should be inside the margin and should therefore be inside of the BODY. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

1. This is an li element inside a ol element with list-style-position set to outside. This means that the numbers should be outside the margin and should therefore be outside of the BODY. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

1. This is an li element inside a ol element with list-style-position set to inside. This means that the numbers should be inside the margin and should therefore be inside of the BODY. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

This is a dt element inside a dl element. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

This is a dd element inside a dl element. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this. Ignore this.

(Back to CSS Testing Information, David Baron)

LDB, dbaron@dbaron.org