Implemented example for <figcaption> tag (#941)

* Add HTLM example for <figcapture>

* include <figcaption> in meta.json

* Add style for <figcaption>

* mention an author name

* refactor figcaption.css

live-examples/html-examples/text-content/css/figcaption.css

@@ -0,0 +1,20 @@
+figure {
+    border: thin silver solid;
+    display: flex;
+    flex-flow: column;
+    margin: 0;
+    padding: 5px;
+}
+
+img {
+    max-height: 220px;
+    width: 100%;
+}
+
+figcaption {
+    background: #222;
+    color: #fff;
+    font: italic smaller sans-serif;
+    padding: 3px;
+    text-align: center;
+}

live-examples/html-examples/text-content/figcaption.html

@@ -0,0 +1,4 @@
+<figure>
+    <img src="/media/examples/hamster.jpg" alt="a cute hamster" />
+    <figcaption>Hamster by Ricky Kharawala on Unsplash</figcaption>
+</figure>

live-examples/html-examples/text-content/meta.json

@@ -40,6 +40,16 @@
             "title": "HTML Demo: <dt>",
             "type": "tabbed"
         },
+        "figcaption": {
+            "baseTmpl": "tmpl/live-tabbed-tmpl.html",
+            "exampleCode":
+                "live-examples/html-examples/text-content/figcaption.html",
+            "cssExampleSrc":
+                "live-examples/html-examples/text-content/css/figcaption.css",
+            "fileName": "figcaption.html",
+            "title": "HTML Demo: <figcaption>",
+            "type": "tabbed"
+        },
         "hr": {
             "baseTmpl": "tmpl/live-tabbed-tmpl.html",
             "exampleCode":