update css to support different image alignment

1 files changed, 20 insertions, 5 deletions

diff --git a/docs/docs.css b/docs/docs.css
index 95a04efe..5006119f 100644
--- a/docs/docs.css
+++ b/docs/docs.css
@@ -2,12 +2,27 @@ code {
 	color: #000;
 }
 
-img {
-	display: inline-block;
-	float: right;
-}
-
 .admonition {
 	background: rgb(128, 198, 223);
 	color: #333;
 }
+
+img[alt$=">"] {
+  float:right;
+  display: inline-block;
+  padding-left: 10px;
+}
+
+img[alt$="<"] {
+  float:left;
+  display: inline-block;
+  padding-right: 10px;
+}
+
+img[alt$="><"] {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    margin: auto;
+    float: none!important;
+}