Add alignment styling for figures and images

Add CSS styling to left, right, and center align
images and figures correctly.

Change-Id: Ia3c1d00ef283a4aac6a0faec5bfd0b11f0997841
Closes-Bug: #1672274

doc/source/index.rst

@@ -6,6 +6,11 @@
 .. highlight: python
    :linenothreshold: 5
 
+.. figure:: figures/doc-logo-fox.jpg
+   :alt: Documentation Logo
+   :scale: 30%
+   :align: center
+
 Demo documentation
 ==================
 

openstackdocstheme/theme/openstackdocs/static/css/combined.css

@@ -4680,3 +4680,37 @@ table.highlighttable {
 
 .docs-top-contents ul li a {
   text-decoration: underline; }
+
+img.align-left, .figure.align-left {
+  display: table;
+  margin-left: 0;
+  margin-right: auto;
+}
+
+img.align-center, .figure.align-center {
+  display: table;
+  margin: auto;
+}
+
+img.align-right, .figure.align-right {
+  display: table;
+  margin-left: auto;
+  margin-right: 0;
+}
+
+/*img.align-left {*/
+/*  display: table;*/
+/*  margin-left: 0;*/
+/*  margin-right: auto;*/
+/*}*/
+/**/
+/*img.align-center {*/
+/*  display: table;*/
+/*  margin: auto;*/
+/*}*/
+/**/
+/*img.align-right {*/
+/*  display: table;*/
+/*  margin-left: auto;*/
+/*  margin-right: 0;*/
+/*}*/