A Simple Guide to Post Styling

in STEEMIT PAKISTAN3 years ago (edited)

Hello everyone!

I hope everyone's in good health. It's been a week since I have become a moderator. It's been a pleasure to work for this community.

I thought to share some tips or guidelines every now and then to help you make a perfect post. I'm sure, most of you are familiar with these things and you can also find most of this stuff while completing your achievement taks. But I'm listing down few basic codes to make your post presentable. Mostly related to text and image alignment.


Margin


Use Margins where necessary with this tag.


Text alignment - Justify

When you justify text, space is added between words so that both edges of each line are aligned with both margins. The last line in the paragraph is aligned left.
-Microsoft
Code:
Result:


Result without code:

Note:The justified text looks visually good and readable. So try to justify the text of each one of your post.


Image or Text alignment

Move the image/text to extreme right or extreme left or center with these tags. By default the alignment is set to left. If you want to change it to center use center tag but if you want to change it to right then use this code.

Code


Result
Same code goes for image alignment.

Caption Images

To make the font size smaller than usual to caption your images in a presentable way. Use this tag.

Code


Result

Align images in a row

Use table tag. Let's assume you want to upload 3 images in a row.

Code

Result



I hope that's helping and you already know bold, italics, heading, bullets tag.
To all newcomers if you have any issue regarding post styling do drop a comment.

Regards,
@event-horizon
(Moderator @steemit-pak)

Sort:  
 3 years ago 

@aizazghumman @sadiaanyat @attiyaasghar may this post help you to make your posts style better.

Thank You @event-horizon, as a moderator you are doing a great job.

Thank you for sharing this important info with us. REGARD

Thank you for sharing this important info with us. REGARD

You made a very good post and also mentioned Microsoft which is used in computer software. You gave a lot of technology to Mazar-e-Fakhr. You made this post with great pleasure.

 3 years ago 

Very helpful post. Everything is well explained with examples.

 3 years ago 

I am pleased that you found it helpful.

You have made a great post because it has benefited every person often people do not know about these codes, you have done a good job.

 3 years ago (edited)

That's what I thought, most people don't know about these codes specially if they don't have computer background.

Yes, you are absolutely right.

Very good post dear i like it
I am new thanks for sharing

 3 years ago 

I will be glad if it helps you.

 3 years ago 

Nice post ♥️
I was too thinking to make this guidance post. This will help newcomers. Thank you for making it.

 3 years ago 

Yes, it was on my mind too lately. We should keep making little guidance posts in future.

 3 years ago (edited)

@event-horizon, this is very useful guide . it will help all new users ,
Thanks for making it easier and simple to understand .

 3 years ago 

My pleasure @rashid001.
My goal is to make things easier and simpler for new users. To help them overcome the difficulties that I faced as a newcomer.

Thanks a lot.. really helpful

 3 years ago 

Very nice and helpful post 😊

Excelente guía gracias por compartir.. saludos .

Coin Marketplace

STEEM 0.16
TRX 0.15
JST 0.029
BTC 58010.39
ETH 2457.12
USDT 1.00
SBD 2.34