Image Alignment For All Hashnode Articles 📏
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.
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:
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
// Markdown
![cat image](myAwesomeImage.png align="left")
Center Alignment
// Markdown
![cat image](myAwesomeImage.png align="center")
Right Alignment
// 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. 🙌
About the author
Hi there 🙆♀️, I'm Eleftheria, Community Manager with a coding background and a passion for UX. Do you have any questions? Don't hesitate to contact me. I can talk about front-end development, design, job hunting/freelancing/internships.
Comments
Join the discussionEleftheria Batsou Thats cool feature thank you for adding it. By any chance for header text do we have option to align? and is there any option to add tables by using markdown?
Hi there!
For headers, you need to use custom css.
For tables, you can check this link and see how it's done in markdown.
Thanks Dheeraj Choudhary.
This was a very welcome and necessary addition. I am grateful to you for your assistance. 2048
Awesome feature 🏆, bye-bye to the extra <center> tag trick.
What a lovely feature. Thanks for shipping it, Hashnode. Got some crazy ideas for using it in an article already.
Needed feature!
It would also be great to be able to align embeds too, or if they would come centred by default! (just saying... haha)
Great work guys!
Great feature, most times it handy being able to center an image.
This was a much needed addition. Thanks for supporting it.
New Features and Highlights ✨
A series about Hashnode's new features releases and updates. We ship things faster and listen to the dev community at Hashnode. Request a new feature [here](https://hashnode.com/feature-requests).
