create account

Tutorial: How to center content on steemit. by virtashare

View this thread on: hive.blogpeakd.comecency.com
· @virtashare · (edited)
$0.23
Tutorial: How to center content on steemit.
<center>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.</center>

<center> 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.</center>

<center>![download.png](https://steemitimages.com/DQmaKi4QDFrWEVg6xGidYitCuHcetSc7Ej63ybZecWubzh7/download.png)
![AY9SsNuk.jpg](https://steemitimages.com/DQme3nwugAihnAELsZoXV2Td4eNm2mTBw9ZqdZAHn6GDu1J/AY9SsNuk.jpg)
</center>

<center><h3>Getting Started</h3></center>

<center>Center-align text in your steemit post:

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

<center>Center-align a image in your steemit post:

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

<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. </center>

<center>[Click here to link to w3schools center content editor and give it a try](https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_center_test)</center>

<hr>

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
👍  , , ,
properties (23)
authorvirtashare
permlinksteemit-tutorial-how-to-center-content
categorysteemit
json_metadata{"tags":["steemit","tutorial","centering","content","images"],"users":["virtashare"],"image":["https://steemitimages.com/DQmaKi4QDFrWEVg6xGidYitCuHcetSc7Ej63ybZecWubzh7/download.png","https://steemitimages.com/DQme3nwugAihnAELsZoXV2Td4eNm2mTBw9ZqdZAHn6GDu1J/AY9SsNuk.jpg"],"links":["https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_center_test"],"app":"steemit/0.1","format":"markdown"}
created2017-06-23 13:48:03
last_update2017-06-23 13:49:36
depth0
children3
last_payout2017-06-30 13:48:03
cashout_time1969-12-31 23:59:59
total_payout_value0.226 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2,063
author_reputation7,152,351,667,763
root_title"Tutorial: How to center content on steemit."
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id5,772,536
net_rshares18,706,253,039
author_curate_reward""
vote details (4)
@mes ·
Notice how your entire article is centered. How do you prevent that from happening?
👍  
properties (23)
authormes
permlinkpsqsn4
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2019-06-07 18:57:03
last_update2019-06-07 18:57:03
depth1
children0
last_payout2019-06-14 18:57:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length83
author_reputation299,490,103,688,838
root_title"Tutorial: How to center content on steemit."
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id86,229,495
net_rshares603,167,743
author_curate_reward""
vote details (1)
@wildone ·
$0.13
Thanks from all us newbies
👍  
properties (23)
authorwildone
permlinkre-virtashare-steemit-tutorial-how-to-center-content-20170623t135406073z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-06-23 13:54:09
last_update2017-06-23 13:54:09
depth1
children1
last_payout2017-06-30 13:54:09
cashout_time1969-12-31 23:59:59
total_payout_value0.097 HBD
curator_payout_value0.032 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length26
author_reputation185,058,805,918
root_title"Tutorial: How to center content on steemit."
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id5,773,221
net_rshares10,858,950,815
author_curate_reward""
vote details (1)
@virtashare ·
Only a pleasure happy to help :-)
👍  
properties (23)
authorvirtashare
permlinkre-wildone-re-virtashare-steemit-tutorial-how-to-center-content-20170623t140628358z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-06-23 14:06:27
last_update2017-06-23 14:06:27
depth2
children0
last_payout2017-06-30 14:06:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length33
author_reputation7,152,351,667,763
root_title"Tutorial: How to center content on steemit."
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id5,774,539
net_rshares574,545,435
author_curate_reward""
vote details (1)