diff --git a/docs/intro.md b/docs/intro.md
index 5ac6ae6..e351f12 100644
--- a/docs/intro.md
+++ b/docs/intro.md
@@ -70,6 +70,7 @@ The `vex.combined.min.js` file includes:
 
 One of the simplest ways to use vex is to call `vex.dialog.alert`, `vex.dialog.confirm`, or `vex.dialog.prompt`. In this demo, we're using `vex.dialog.confirm` to ask the user to confirm the answer to a simple question.
 
+```html
 <a class="demo-confirm hs-brand-button">Destroy the planet</a>
 <div class="demo-result-confirm hs-doc-callout hs-doc-callout-info" style="display: none"></div>
 <script>
@@ -82,6 +83,7 @@ $('.demo-confirm').click(function(){
     });
 });
 </script>
+```
 
 Play with this demo:
 
@@ -102,6 +104,7 @@ vex.dialog.confirm({
 
 Here's a more complex demo in which we use `vex.dialog.open` (a more generic method that `alert`, `confirm`, and `prompt` all call internally) to build a login dialog.
 
+```html
 <a class="demo-login hs-brand-button">Log in</a>
 <div class="demo-result-login hs-doc-callout hs-doc-callout-info" style="display: none"></div>
 <script>
@@ -128,6 +131,7 @@ Here's a more complex demo in which we use `vex.dialog.open` (a more generic met
         });
     });
 </script>
+```
 
 Play with this example:
 
@@ -164,7 +168,7 @@ To learn more about how to use vex, visit our API pages.
 
 vex was built by [Adam Schwartz](http://twitter.com/adamfschwartz)
 
-
+```html
 <!-- Resources for the demos -->
 <p style="-webkit-transform: translateZ(0)"></p>
 <script src="/vex/dist/js/vex.combined.js"></script>
@@ -175,3 +179,4 @@ vex was built by [Adam Schwartz](http://twitter.com/adamfschwartz)
         vex.defaultOptions.className = 'vex-theme-os';
     })();
 </script>
+```