that time I pushed an unnecessary change as a full version. anyway this patches 2.0. will retag and keep version number, since the beforeenhance edit is notable enough anyway

Author: scottjehl

dist/xrayhtml.css

@@ -2,6 +2,10 @@
 * https://github.com/filamentgroup/x-rayhtml
 * Copyright (c) 2015 ; Licensed MIT */
 
+/*! X-rayHTML - v1.0.3 - 2015-09-08
+* https://github.com/filamentgroup/x-rayhtml
+* Copyright (c) 2015 ; Licensed MIT */
+
 .xrayhtml {
 	border: 1px solid rgba(0,0,0,.1);
 	border-radius: .3em;
@@ -77,8 +81,12 @@
 	-moz-perspective: 2500px;
 	perspective: 2500px;
 }
-.method-flip > *:first-child {
+.method-flip .snippet {
+	padding: 0;
+	margin: 0;
 	position: relative;
+	top: 0;
+	left: 0;
 	z-index: 2;
 	min-height: 100%;
 }
@@ -91,7 +99,7 @@
 	overflow-x: scroll;
 }
 
-.method-flip > *:first-child {
+.method-flip .snippet {
 	-webkit-transform: rotateY(0deg);
 	-webkit-transform-style: preserve-3d;
 	-webkit-backface-visibility: hidden;
@@ -103,7 +111,7 @@
 	-webkit-transition: -webkit-transform .4s ease-in-out;
 	-moz-transition: -moz-transform .4s ease-in-out;
 }
-.method-flip.view-source > *:first-child {
+.method-flip.view-source .snippet {
 	z-index: 1;
 	-webkit-transform: rotateY(180deg);
 	-moz-transform: rotateY(180deg);

dist/xrayhtml.js

@@ -70,12 +70,15 @@ window.jQuery = window.jQuery || window.shoestring;
 			var el = this,
 				preel = document.createElement( "pre" ),
 				codeel = document.createElement( "code" ),
+				wrap = document.createElement( "div" ),
 				sourcepanel = document.createElement( "div" ),
 				// remove empty value attributes
 				code = el.innerHTML.replace( /\=\"\"/g, '' ),
 				source = document.createTextNode( code );
 
-			$( el ).addClass( "snippet" );
+			wrap.setAttribute( "class", "snippet" );
+
+			$( el ).wrapInner( wrap );
 
 			codeel.appendChild( source );
 			preel.appendChild( codeel );

src/X-rayHTML.css

@@ -1,3 +1,7 @@
+/*! X-rayHTML - v1.0.3 - 2015-09-08
+* https://github.com/filamentgroup/x-rayhtml
+* Copyright (c) 2015 ; Licensed MIT */
+
 .xrayhtml {
 	border: 1px solid rgba(0,0,0,.1);
 	border-radius: .3em;
@@ -73,8 +77,12 @@
 	-moz-perspective: 2500px;
 	perspective: 2500px;
 }
-.method-flip > *:first-child {
+.method-flip .snippet {
+	padding: 0;
+	margin: 0;
 	position: relative;
+	top: 0;
+	left: 0;
 	z-index: 2;
 	min-height: 100%;
 }
@@ -87,7 +95,7 @@
 	overflow-x: scroll;
 }
 
-.method-flip > *:first-child {
+.method-flip .snippet {
 	-webkit-transform: rotateY(0deg);
 	-webkit-transform-style: preserve-3d;
 	-webkit-backface-visibility: hidden;
@@ -99,7 +107,7 @@
 	-webkit-transition: -webkit-transform .4s ease-in-out;
 	-moz-transition: -moz-transform .4s ease-in-out;
 }
-.method-flip.view-source > *:first-child {
+.method-flip.view-source .snippet {
 	z-index: 1;
 	-webkit-transform: rotateY(180deg);
 	-moz-transform: rotateY(180deg);

src/X-rayHTML.js

@@ -75,12 +75,15 @@ window.jQuery = window.jQuery || window.shoestring;
 			var el = this,
 				preel = document.createElement( "pre" ),
 				codeel = document.createElement( "code" ),
+				wrap = document.createElement( "div" ),
 				sourcepanel = document.createElement( "div" ),
 				// remove empty value attributes
 				code = el.innerHTML.replace( /\=\"\"/g, '' ),
 				source = document.createTextNode( code );
 
-			$( el ).addClass( "snippet" );
+			wrap.setAttribute( "class", "snippet" );
+
+			$( el ).wrapInner( wrap );
 
 			codeel.appendChild( source );
 			preel.appendChild( codeel );