diff --git a/docs/edify.css b/docs/edify.css
index 27c7393..8abd0e7 100644
--- a/docs/edify.css
+++ b/docs/edify.css
@@ -20,6 +20,15 @@ div, p, h1 {
 code {
     white-space: nowrap;
 }
+.pre {
+    display: block;
+    line-height: 1.5;
+    white-space: pre-line;
+    margin: 1em 0 1em 1.5em;
+}
+.pre:first-line { /* https://stackoverflow.com/a/14948580 */
+    line-height: 0;
+}
 
 td, th {
     padding: .5em 1em;
diff --git a/docs/index.html b/docs/index.html
index aef8dea..fb50f20 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -12,8 +12,18 @@
   <body>
     <h1>Python's <code>strftime</code> directives</h1>
 
-    <p class="example"><strong>Note:</strong> Examples are based on
-      <code>datetime.datetime(2013, 9, 30, 7, 6, 5)</code>
+    <p>
+        <strong>Example:</strong>
+
+        <code class="pre">
+            >>> import datetime
+            >>> d = datetime.datetime(2013, 9, 30, 7, 6, 5)
+            >>> d.strftime('%H:%M:%S on %A %B %d, %Y')
+            '07:06:05 on Monday September 30, 2013'
+        </code>
+
+        <strong>Note:</strong> The examples below are based on
+        <code>datetime.datetime(2013, 9, 30, 7, 6, 5)</code>.
     </p>
 
     <div class="reference">
