Get Dimension Test

Finds the dimensions of an element.

This is just a regular div
Test Span 1 Test Span 2
This is displayed none via CSS.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed nec dolor. Curabitur tellus ligula, viverra vitae, posuere sit amet, ultrices sed, odio. Nam arcu. Pellentesque varius faucibus diam. Duis ac quam at nunc ullamcorper ornare. Nam nisi neque, egestas ac, molestie vel, cursus ac, sapien. Maecenas massa nibh, tempor quis, laoreet at, suscipit in, dui. Vivamus pulvinar. Maecenas nisi mi, laoreet ac, rutrum sit amet, convallis eu, enim. Proin leo.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed nec dolor. Curabitur tellus ligula, viverra vitae, posuere sit amet, ultrices sed, odio. Nam arcu. Pellentesque varius faucibus diam. Duis ac quam at nunc ullamcorper ornare. Nam nisi neque, egestas ac, molestie vel, cursus ac, sapien. Maecenas massa nibh, tempor quis, laoreet at, suscipit in, dui. Vivamus pulvinar. Maecenas nisi mi, laoreet ac, rutrum sit amet, convallis eu, enim. Proin leo.

 

**All tests apply the width/height of 200em/20em to the element they are modifying.

  1. Testing dimensions of a regular div (should be about 200px/20px).

  2. Testing dimensions of a regular span (should be about 57px/13px).

  3. Testing dimensions of a span converted to a block element (should be about 20px/200px).

  4. Testing dimensions of a div with style attribute "display:none" (should be about 20px/200px).

  5. Testing dimensions of a div with CSS "display:none" applied (should be about 20px/200px).

  6. Testing dimensions of a div with style attribute "overflow:hidden" (should be about 192px/200px).

  7. Testing dimensions of a div with CSS "overflow:hidden" applied (should be about 192px/200px).