Tutorial: How to center content on steemit.

in #steemit7 years ago (edited)

Hello all thank's for stopping by for this quick tutorial. Today I would like to show you how to neaten up your posts and make your posts more attractive by centering images or your content as I have done here.

Before we get started I would like to mention we will be using a very simple bit of HTML, a single HTML tag to be precise. This will be a very quick and easy tutorial that will make a big improvement to your content that can be neatened up once centered.

download.png
AY9SsNuk.jpg

Getting Started

Center-align text in your steemit post:

<center>This text will be center-aligned.</center>

Center-align a image in your steemit post:

<center>https://your-image-link-goes-here.jpg</center>

If you would like to try using some HTML first, here is the link to w3schools.com were you may use there editor to play around with the center tag and get a feel for it first.

Click here to link to w3schools center content editor and give it a try


Hints and tips

The most import thing I can stress when using your HTML center tag is to not forget to close your tag with a backspace. For example you will notice the second bit of html code has a / closing the center tag. Example: <center> Some Text </center> This is useful when wanting a center only a specific piece of content or when you need a white space between specific content on a post.

Thanks for reading I hope you found this post useful and improves your content. Be sure to follow me @virtashare to stay updated on future post tutorials. Next I am thinking of doing a markdown language profile template that can be saved, customized and incorporated into your posts.

Cheerz

Sort:  

Thanks from all us newbies

Only a pleasure happy to help :-)

Notice how your entire article is centered. How do you prevent that from happening?

Coin Marketplace

STEEM 0.16
TRX 0.15
JST 0.028
BTC 55838.64
ETH 2285.93
USDT 1.00
SBD 2.33