Tutorial: How to center content on steemit.

in steemit •  8 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

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

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?