diff --git a/examples/basic.html b/examples/basic.html
index d213bb0..4b98105 100644
--- a/examples/basic.html
+++ b/examples/basic.html
@@ -54,10 +54,10 @@
 
 <div class='ui raised segment'>
 <div class='ui blue ribbon label'>HTML</div>
-<pre><code class='language-html'>&lt;canvas id='basicGlobe' width='400' height='400'&gt;&lt;/canvas&gt;</code></pre>
+<pre class='line-numbers'><code class='language-html'>&lt;canvas id='basicGlobe' width='400' height='400'&gt;&lt;/canvas&gt;</code></pre>
 
 <div class='ui red ribbon label'>JavaScript</div>
-<pre><code class='language-javascript'>(function() {
+<pre class='line-numbers'><code class='language-javascript'>(function() {
   var canvas = document.getElementById('basicGlobe');
   var planet = planetaryjs.planet();
   // Loading this plugin technically happens automatically,
diff --git a/examples/quake.html b/examples/quake.html
index 0911d09..b6b8686 100644
--- a/examples/quake.html
+++ b/examples/quake.html
@@ -52,7 +52,7 @@
 
 <div class='ui raised segment'>
 <div class='ui blue ribbon label'>HTML</div>
-<pre><code class='language-html'>&lt;h1&gt;Earthquakes: 2013&lt;/h1&gt;
+<pre class='line-numbers'><code class='language-html'>&lt;h1&gt;Earthquakes: 2013&lt;/h1&gt;
 &lt;ul id='magnitudes'&gt;&lt;/ul&gt;
 
 &lt;canvas id='quakeCanvas'&gt;&lt;/canvas&gt;
@@ -68,7 +68,7 @@
 
 <div class='ui red ribbon label'>JavaScript</div>
 
-<pre><code class='language-javascript'>(function() {
+<pre class='line-numbers'><code class='language-javascript'>(function() {
   var canvas = document.getElementById('quakeCanvas');
 
   // Create our Planetary.js planet and set some initial values;
diff --git a/examples/rotating.html b/examples/rotating.html
index cbac3ea..f069812 100644
--- a/examples/rotating.html
+++ b/examples/rotating.html
@@ -59,11 +59,11 @@
 
 <div class='ui raised segment'>
 <div class='ui blue ribbon label'>HTML</div>
-<pre><code class='language-html'>&lt;canvas id='basicGlobe' width='400' height='400'
+<pre class='line-numbers'><code class='language-html'>&lt;canvas id='basicGlobe' width='400' height='400'
   style='width: 400px; height: 400px; cursor: move;'&gt;&lt;/canvas&gt;</code></pre>
 
 <div class='ui red ribbon label'>JavaScript</div>
-<pre><code class='language-javascript'>(function() {
+<pre class='line-numbers'><code class='language-javascript'>(function() {
   var globe = planetaryjs.planet();
   // Load our custom `autorotate` plugin; see below.
   globe.loadPlugin(autorotate(10));