When toggling the checkbox, the spans will show and hide - revealing different content. However, in the first example, due to a bug in Safari, it will not work properly in the first example. The second example shows the work around.
When the element is inline, and wrapped with <br /> tags, any following inline elements will sit above the newly shown element - see source for details.
<span>