Side-by-side comparison

_episodes/04-divs.md

@@ -27,7 +27,34 @@ the challenge
 > ## Solution
 >
 > We can put the solution(s) in blockquotes inside the `div`.
-> Or we could define yet another `div`.
+> (Or we could define yet another `div` type.)
+> 
+> ~~~
+> code in solution
+> ~~~
+> {: .output}
 {: .solution}
 
 </div>
+
+> ## Challenge Title as H2
+>
+> For comparison, this is a challenge done the old way (as a blockquote).
+>
+> ~~~
+> this code
+> is part of
+> the challenge
+> ~~~
+> {: .source}
+>
+> > ## Solution
+> >
+> > And here is the body of the solution.
+> >
+> > ~~~
+> > code in solution
+> > ~~~
+> > {: .output}
+> {: .solution}
+{: .challenge}