https://steemitimages.com/DQmT7cf5SnGijm1R9wAqqgFQradYJbyvVLB5PYNNpAjiKZv/toolshero-models-bsusiness-it-alignment-696x286.jpg
Well here on Steemit alignment of pictures and texts are crucial for the post to be noticed, But everyone assumed it to be hard but in reality, it isn't that hard.
I've made this post because someone has asked me about markdowns and i know the struggles before i learned the markdown codes. So here I am making this post to help other steemians in making their way up to the top. Aesthetics of the post have a big impact to the readers.
---------------------------
We'll start with the easiest Image Alignment
Center Alignment :
Center Markdown code :
Image.Link
Sample Usage :
https://steemitimages.com/DQmZ8zVgbEMUFSJtcP91RuLuuzEr5d1grhSr54fnfxzGEne/image.png
(See the image is lined up in the center)
Right Or Left Alignment :
Right or Left (depends on the direction inputted) Markdown Code W/O Source Link Code :
< center >"ImageLink" < br/ >< em > SourceName< /em> < /div>````
https://steemitimages.com/DQmZ8zVgbEMUFSJtcP91RuLuuzEr5d1grhSr54fnfxzGEne/image.pngFlower
### (See the image is now on the right side)
---------------------------------
Right Or Left (depends on the direction inputted) Align Markdown Code With Source Link :
"Image Link"Source Name````
Sample Usage :
https://steemitimages.com/DQmZ8zVgbEMUFSJtcP91RuLuuzEr5d1grhSr54fnfxzGEne/image.pngFlower
(See the word "flower" glows)
(that is the indicator that it is linked)
See how the two differs.
Not Linked :
< center >"ImageLink" < br/ >< em > SourceName< /em> < /div>````
Linked :
"Image Link"Source Name````
The Linked one had the code < a > and < /a > for the Link Source and Name.
It's just a single code but it makes the whole code differ from the others, so be mindful on it.
P.S < em > and < /em > is for making the text italic.
Last but not the least the Floating Image Right Or Left :
Floating Image Right Or Left Code:
Img.Link
Sample Usage
https://steemitimages.com/DQmZ8zVgbEMUFSJtcP91RuLuuzEr5d1grhSr54fnfxzGEne/image.png
After you float the image to left or right the text will automatically align the text.
If you align it at right the text would look like this.
https://steemitimages.com/DQmZ8zVgbEMUFSJtcP91RuLuuzEr5d1grhSr54fnfxzGEne/image.png
After you float the image to left or right the text will automatically align the text.
If you align it at right the text would look like this.
---------------------------------------
[IMAGE: https://steemitimages.com/DQmXxRacjAEJVziDrsSJwVMzeo4hSax21QMTV2nh1f353AV/coollogo_com-4413571.gif]
I Hope I've helped you making your post more neat and beautiful !
Thanks For Reading !
--------------------------------
Join our community and be an Ohana
https://steemitimages.com/DQmefkrHeDDLKSYipW5BXcHSjpaqLo7Ex6HaHj7gHWiFnEd/Discord-logo.png
Join Our Discord
https://steemitimages.com/DQmb7GNvdyyToUGSo8NFfD1VPBw3ttWFSyreBwPX5f8KxBF/facebook_logos_PNG19761.png
Join Our Facebook Community
---------------------------------
https://steemitimages.com/DQmePQFRAwUqe7iKvcb9j4iWpqDx3eEokYBWMoUeRTfHvHR/giphy.gif
https://steemitimages.com/DQmQUc1hUxBPE1BUH8HtMLXU4YxXCh6oLaPBkhmd9nHVh8k/26814571_1913105608700186_5466841781223556393_n.jpg