Add inside examples to docs demo

Ref: Inside-shape alignment of text labels #3443

Author: maxkfranz

documentation/demos/labels/code.js

@@ -26,6 +26,10 @@
       { data: { label: 'bottom center' }, classes: 'bottom-center' },
       { data: { label: 'bottom right' }, classes: 'bottom-right' },
 
+      { data: { label: 'top-inside left-inside' }, classes: 'top-inside-left-inside' },
+      { data: { label: 'center left-inside' }, classes: 'center-left-inside' },
+      { data: { label: 'bottom-inside right-inside' }, classes: 'bottom-inside-right-inside' },
+
       { data: { label: 'multiline manual\nfoo\nbar\nbaz' }, classes: 'multiline-manual' },
       { data: { label: 'multiline auto foo bar baz' }, classes: 'multiline-auto' },
       { data: { label: 'outline' }, classes: 'outline' },
@@ -36,4 +40,4 @@
       { data: { label: 'background' }, classes: 'background' }
     ]
   });
-})();
+})();

documentation/demos/labels/cy-style.json

@@ -86,6 +86,30 @@
     }
   },
 
+  {
+    "selector": ".top-inside-left-inside",
+    "style": {
+      "text-valign": "top-inside",
+      "text-halign": "left-inside"
+    }
+  },
+
+  {
+    "selector": ".center-left-inside",
+    "style": {
+      "text-valign": "center",
+      "text-halign": "left-inside"
+    }
+  },
+
+  {
+    "selector": ".bottom-inside-right-inside",
+    "style": {
+      "text-valign": "bottom-inside",
+      "text-halign": "right-inside"
+    }
+  },
+
   {
     "selector": ".multiline-manual",
     "style": {