CSS Visibility and Display Comparison

Click the links below to change the middle element's visibility or display property. The visibility link will toggle the css visibility property between visible and hidden. The display link will toggle the css display property between block and none.

Top
Middle
Bottom

If you found this page from somewhere other than the blog post describing it's creation you can click here to find the post.