From 4dab5b9538f76cd56f53e6a68f34f505234e30ed Mon Sep 17 00:00:00 2001
From: Jieiku
Date: Tue, 16 Jul 2024 07:15:00 -0700
Subject: Add Image Alignment Classes

---
 content/overview-images/index.md | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'content/overview-images/index.md')

diff --git a/content/overview-images/index.md b/content/overview-images/index.md
index d4115be..d773d0f 100644
--- a/content/overview-images/index.md
+++ b/content/overview-images/index.md
@@ -24,17 +24,23 @@ This post covers the **imgswap and img shortcodes**. Images can also be embedded
 - w is the width of the image.
 - h is the height of the image.
 
+Optional Classes:
+
+- ci can be used to center the image.
+- fr can be used to float the image right.
+- fl can be used to float the image left.
+
 ** google lighthouse recommends setting alt, w, and h attributes. If alt is omitted then the filename is used. If w or h are omitted then get_image_metadata() fills these values. **
 
 ## Usage (same path)
 ```rs
-{{/* img(src="ferris-happy.svg" alt="Ferris is Happy") */}}
+{{/* img(src="ferris-happy.svg" class="ci" alt="Ferris is Happy") */}}
 ```
 **Output**
 ```html
-{{ img(src="ferris-happy.svg" alt="Ferris is Happy") }}
+{{ img(src="ferris-happy.svg" class="ci" alt="Ferris is Happy") }}
 ```
-{{ img(src="ferris-happy.svg" alt="Ferris is Happy") }}
+{{ img(src="ferris-happy.svg" class="ci" alt="Ferris is Happy") }}
 
 ## Usage (relative path ./)
 ```rs
-- 
cgit v1.3.1