Image Alignment For All Hashnode Articles ๐Ÿ“

Image Alignment For All Hashnode Articles ๐Ÿ“

Eleftheria Batsou
ยทJun 21, 2022ยท

2 min read

Subscribe to our newsletter and never miss any upcoming articles

Play this article

Table of contents

  • How To Align Images ๐Ÿ™ˆ
  • How it works now ๐Ÿ™Œ
  • Who Can Use This Feature? ๐Ÿ™‹โ€โ™€๏ธ

We're excited to share another new feature release at Hashnode - our team has been busy shipping! ๐Ÿ›ณ๏ธ In case you missed it, we shipped the Article Scheduling feature for all Hashnode Blogs last week โ€” give it a read.

Our users requested features to make formatting easier and improve the visual design of their blogs. This is the first of many features coming your way to give more customization to your blog posts, and hopefully, image alignment is a small step in that direction.

happy

How To Align Images ๐Ÿ™ˆ

When you upload an image, it is by default aligned to the left. Now with this new feature, you could center the image or align it to the right using some simple image attributes. Here are some examples:

Cat image Default: alignment on the left

How it works now ๐Ÿ™Œ

We built an easy solution to offer you more customization...!

Add in the end of the image the property align="left", align="center" or align="right" to align it correspondingly.

Left Alignment

Demo image showing a cat which is left aligned

// Markdown
![cat image](myAwesomeImage.png align="left")

Center Alignment

Demo image showing a cat which is center aligned

// Markdown
![cat image](myAwesomeImage.png align="center")

Right Alignment

Demo image showing a cat which is right aligned

// Markdown
![cat image](myAwesomeImage.png align="right")

Who Can Use This Feature? ๐Ÿ™‹โ€โ™€๏ธ

This feature is available to everyone, whether you have a personal blog or a teams blog, you can start taking advantage of it and customize your blog according to your preference.


What do you think of this feature? We'd love to know what you think in the comments below. Thanks for reading. ๐Ÿ™Œ

ย 
Share this