document title as an object with position attributes

Author: michaelbabyn

_posts/plotly_js/layout/labels/2015-04-09-styling-names.html

@@ -1,6 +1,6 @@
 ---
 name: Styling Names
-plot_url: https://codepen.io/plotly/embed/9c5d7e597190632c7a29dcaddaf69236/?height=547&theme-id=15263&default-tab=result
+plot_url: https://codepen.io/plotly/embed/LMxqEM/?height=547&theme-id=15263&default-tab=result
 language: plotly_js
 suite: labels
 order: 0
@@ -21,22 +21,35 @@
 };
 var data = [trace1, trace2];
 var layout = {
-  title: 'Plot Title',
-  xaxis: {
-    title: 'x Axis',
-    titlefont: {
+  title: {
+    text:'Plot Title',
+    font: {
       family: 'Courier New, monospace',
-      size: 18,
-      color: '#7f7f7f'
-    }
+      size: 24
+    },
+    xref: 'paper',
+    x: 0.05,
+  },
+  xaxis: {
+    title: {
+      text: 'x Axis',
+      font: {
+        family: 'Courier New, monospace',
+        size: 18,
+        color: '#7f7f7f'
+      }
+    },
   },
   yaxis: {
-    title: 'y Axis',
-    titlefont: {
-      family: 'Courier New, monospace',
-      size: 18,
-      color: '#7f7f7f'
+    title: {
+      text: 'y Axis',
+      font: {
+        family: 'Courier New, monospace',
+        size: 18,
+        color: '#7f7f7f'
+      }
     }
   }
 };
+
 Plotly.newPlot('myDiv', data, layout);