Updated documentation on className

docs/timeline.html

@@ -216,13 +216,13 @@ var items = [
     <td>no</td>
     <td>This field is optional. A className can be used to give items
       an individual css style. For example, when an item has className
-      'red', one can define a css style
-      <code>
-        .red {
-        background-color: red;
-        border-color: dark-red;
-        }
-      </code>.
+      'red', one can define a css style like:
+      <pre class="prettyprint lang-css">
+.vis.timeline .red {
+  color: white;
+  background-color: red;
+  border-color: darkred;
+}</pre>
       More details on how to style items can be found in the section
       <a href="#Styles">Styles</a>.
     </td>