이 예제는 CSS, HTML과 다른 문서(document) 양식들의 테이블(table) 모델(model)의 차이를 설명한다. 먼저, HTML에서, 예제는 배치를 위한 HTML의 명령들이 따라오면, 셀(cell)들의 겹침(overlap)을 유발할 것이므로, HTML에서는 틀린 것이다. HTML 이외의 다른 양식들에서 이 CSS 명령들의 적용은 이런 문제가 없다.

이 도표는 HTML에서와 거의 같은 비 HTML에서 어떻게 이 두 예제들이 표현될수 있는가를 설명한다. HTML에서 이 예제의 표현은 정의되지 않았고, 하나의 가능한 표현이 여기에 소개 되었으며, 그림의 왼쪽 반은 두 셀들이 겹침을 한다. 예제의 비 HTML에서의 표현은 오른쪽에 있으며, CSS 명령들에 따르고 셀들의 겹침이 없다.

앙쪽 테이블에서, 셀들은 회색 배경들과 검정 보더(border)를 갖는다. 각각은 단일 숫자 라벨(label)을 포함한다. 셀들은 셀 스페이싱(spacing)에 의하여 각 다른 셀과 분리(separated)되었다.

왼쪽 테이블(table)은 맨위 줄에 네개의 셀(cell)들을 갖는다. 그 숫치(digit)들은 "1", "2", "3", "4"이다. 이들 셀들의 두번째줄에서 숫치 "2"를 갖는 셀은 그 줄(row) 아래로 확장한다 그 테이블의 두번째 줄은 숫자 "5"를 갖는 하나의 셀을 갖고, 컬럼(column)은 첫번과 두번째에 확장된다. 따라서, "2"으로 라벨된 셀과 "5"으로 라벨된 셀의 겹침이 두번째 줄 두번째 컬럼에서 일어난다. 이 겹침(overlap)은 어두운(darker) 회색 배경으로 표시하였다.

오른쪽 테이블(table)은 같은 맨위 줄과 "1", "2", "3", "4"로 라벨된 네개의 셀들을 갖는다. 두번째 셀은 역시 첫번과 두번째 줄에 확장(span)된다. 테이블의 두번째 줄은 컬럼(column) 세번째와 네번째에 확장된 숫치 "5"를 포함하는 한개의 셀을 포함한다. 따라서 셀의 겹침은 일어나지 않으나, 두번째 줄 첫번째 셀은 왼쪽이 비어있다(empty).