element.getClientRects example

Original	p’s rect	span’s rects
Paragraph that spans multiple lines.	Paragraph that spans multiple lines.	Paragraph that spans multiple lines.

Original	ol’s rect	each li’s rect
Item 1 Item 2	Item 1 Item 2	Item 1 Item 2

Original	inline div’s rects
inline-level div with a border. block-level div. The inline parent's border skips this box, but getClientRects() includes it. Back to the inline div	inline-level div with a border. block-level div. The inline parent's border skips this box, but getClientRects() includes it. Back to the inline div

Original

table’s rects

caption
thead
tbody

caption
thead
tbody