create account

How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2 by thinkagain

View this thread on: hive.blogpeakd.comecency.com
· @thinkagain · (edited)
$0.86
How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2
![tips.jpg](https://steemitimages.com/DQmczpixu1nyvNWxzfH3KiAjSd9Fd6E2CUbf6wtFHY2Ymba/tips.jpg)

You maybe feel limited (even frustrated) if you try to stylize your post. For example, let’s take you want to wrap your text around your images. Your picture goes bellow your text and you can not put two elements inline, nor moving image to the left or right side of the screen.
In this episode, I’ll show you how to make two elements (image and text) on the same line. You should get this result:

<div class="pull-right"><img src="http://i.imgur.com/sTxxPmT.jpg"></div> Look! The image is on the right side. Look! Look! The image is on the right side. Look! The image is on the right side. Look! The image is on the right side. Look! The image is on the right side. Look! The image is on the right side. Look! The image is on the right side. Look! The image is on the right side. Look! The image is on the right side. 

<center>**Let's start**</center>
 
Copy this code 

```
<div class="pull-right"></div>

```
![t1.png](https://steemitimages.com/DQmVzseYr1Cfhe1mpFFKiK58Devkf81HL5Zvf7HBDi5nYi8/t1.png)

In order to do that you should generate some code. 
 
![t1ipo.png](https://steemitimages.com/DQmXJazPtQDs5j97VfHWmG2ip515B5AF6D47ddjnkKGquUm/t1ipo.png)

It should look like this:

![t2.png](https://steemitimages.com/DQmck58gyaZbojht9jzg7scMhezxeqQNsjbr8ZBi4XHYfcc/t2.png)
 
Now, copy JUST SELECTED PART of the code, namely URL of the image, the rest of code just ERASE... 
 
![t3.png](https://steemitimages.com/DQmV1Pc3KGCTRpGyymr6X2HQXWeBwibJU7XgC6z1HvmxStk/t3.png)

...and put it into 'div' element.

![t4.png](https://steemitimages.com/DQmYLDCWFBE3KmfiwhuD5YvFdcYDmZvRrcgnyDyBKZ4GYn5/t4.png)

It should look something like this:

![t5.png](https://steemitimages.com/DQmdubGG6qsgtCQZ3Eyr9Yrn2JnD19nnQBkGZnTG98hiM3o/t5.png)

Now, type text you want. Whole text will appear on the left side of the image as long (heigh) as image is.
 
![t6.png](https://steemitimages.com/DQmekQjTNvKyQ254eRVq1ErbKVSjPB62wH2mNBmf5BnRzJE/t6.png)

**That is it!**

P.S.
If you want your picture on the left side, just put this code first, and repeat the process I already described.
```
<div class="pull-left"></div>

```
<center><h3>Thank you!</h3></center>

<a href="https://steemit.com/steemit/@thinkagain/introducing-more-beautiful-and-improved-steemit-feature-easy-way-to-link-your-steemit-posts-codes-and-examples-vol-1"><img src="http://i.imgur.com/BTKxG2F.png"/></a>
πŸ‘  , , , , , , , , , , , , , , , , , , , , , ,
properties (23)
authorthinkagain
permlinkhow-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2
categorysteemit
json_metadata{"tags":["steemit","steem","advice","blog","design"],"image":["https://steemitimages.com/DQmczpixu1nyvNWxzfH3KiAjSd9Fd6E2CUbf6wtFHY2Ymba/tips.jpg","http://i.imgur.com/sTxxPmT.jpg","https://steemitimages.com/DQmVzseYr1Cfhe1mpFFKiK58Devkf81HL5Zvf7HBDi5nYi8/t1.png","https://steemitimages.com/DQmXJazPtQDs5j97VfHWmG2ip515B5AF6D47ddjnkKGquUm/t1ipo.png","https://steemitimages.com/DQmck58gyaZbojht9jzg7scMhezxeqQNsjbr8ZBi4XHYfcc/t2.png","https://steemitimages.com/DQmV1Pc3KGCTRpGyymr6X2HQXWeBwibJU7XgC6z1HvmxStk/t3.png","https://steemitimages.com/DQmYLDCWFBE3KmfiwhuD5YvFdcYDmZvRrcgnyDyBKZ4GYn5/t4.png","https://steemitimages.com/DQmdubGG6qsgtCQZ3Eyr9Yrn2JnD19nnQBkGZnTG98hiM3o/t5.png","https://steemitimages.com/DQmekQjTNvKyQ254eRVq1ErbKVSjPB62wH2mNBmf5BnRzJE/t6.png","http://i.imgur.com/BTKxG2F.png"],"links":["https://steemit.com/steemit/@thinkagain/introducing-more-beautiful-and-improved-steemit-feature-easy-way-to-link-your-steemit-posts-codes-and-examples-vol-1"],"app":"steemit/0.1","format":"markdown"}
created2017-07-05 17:09:09
last_update2017-07-05 20:08:48
depth0
children15
last_payout2017-07-12 17:09:09
cashout_time1969-12-31 23:59:59
total_payout_value0.684 HBD
curator_payout_value0.178 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2,458
author_reputation169,947,657,333
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id7,420,374
net_rshares171,928,153,653
author_curate_reward""
vote details (23)
@aislingcronin ·
THANK YOU. I'm composing my very first post where the image is too small to just be plonked into the centre, so I wanted to put it to one side of my post and wrap the text around it. I was tearing my hair out trying to figure out how to do that. None of the HTML codes that I use for wrapping text around an image on other sites were working on Steemit. πŸ˜‚ This technique worked like a charm, thank you. ❀️
properties (22)
authoraislingcronin
permlinkre-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20180411t003801514z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-04-11 00:38:03
last_update2018-04-11 00:38:03
depth1
children0
last_payout2018-04-18 00:38: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_length405
author_reputation23,403,297,955,331
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id49,396,828
net_rshares0
@alainite ·
thanks for the info! looks great :)
properties (22)
authoralainite
permlinkre-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20170705t171046142z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-07-05 17:10:48
last_update2017-07-05 17:10:48
depth1
children1
last_payout2017-07-12 17:10:48
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_length35
author_reputation3,773,610,796,661
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id7,420,519
net_rshares0
@thinkagain ·
Thank you.
properties (22)
authorthinkagain
permlinkre-alainite-re-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20170705t171306949z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-07-05 17:13:06
last_update2017-07-05 17:13:06
depth2
children0
last_payout2017-07-12 17:13:06
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_length10
author_reputation169,947,657,333
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id7,420,734
net_rshares0
@alpharay ·
Thanks for the info.
follow me plz
πŸ‘  
properties (23)
authoralpharay
permlinkre-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20170705t195244984z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-07-05 19:52:48
last_update2017-07-05 19:52:48
depth1
children0
last_payout2017-07-12 19:52:48
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_length34
author_reputation897,951,981,615
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id7,436,043
net_rshares1,524,270,366
author_curate_reward""
vote details (1)
@codypanama · (edited)
<div class="pull-right">https://steemitimages.com/DQmRmt3iSJnJCWMMLshw2w1sMdPLvFcfdsMAixkQ2Rgngvw/emo13.png</div>https://steemitimages.com/DQmRmt3iSJnJCWMMLshw2w1sMdPLvFcfdsMAixkQ2Rgngvw/emo13.png
This is very cool Thank you
Now following for more

## Cheers
πŸ‘  
properties (23)
authorcodypanama
permlinkre-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20170710t122433453z
categorysteemit
json_metadata{"tags":["steemit"],"image":["https://steemitimages.com/DQmRmt3iSJnJCWMMLshw2w1sMdPLvFcfdsMAixkQ2Rgngvw/emo13.png"],"app":"steemit/0.1"}
created2017-07-10 12:23:57
last_update2017-07-10 12:24:57
depth1
children1
last_payout2017-07-17 12:23:57
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_length258
author_reputation3,879,315,360,846
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id7,980,275
net_rshares1,587,170,809
author_curate_reward""
vote details (1)
@thinkagain ·
thank you
properties (22)
authorthinkagain
permlinkre-codypanama-re-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20170710t132234869z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-07-10 13:22:36
last_update2017-07-10 13:22:36
depth2
children0
last_payout2017-07-17 13:22:36
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_length9
author_reputation169,947,657,333
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id7,985,457
net_rshares0
@dksart ·
Great post, thanks for the info :)
[![Image of dksartFollowMeSteemit](http://i.imgur.com/rSj89qs.png)](https://steemit.com/@dksart)
πŸ‘  
properties (23)
authordksart
permlinkre-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20170706t160323232z
categorysteemit
json_metadata{"tags":["steemit"],"image":["http://i.imgur.com/rSj89qs.png"],"links":["https://steemit.com/@dksart"],"app":"steemit/0.1"}
created2017-07-06 16:03:18
last_update2017-07-06 16:03:18
depth1
children1
last_payout2017-07-13 16:03:18
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_length131
author_reputation32,753,488,498,649
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id7,536,772
net_rshares1,583,531,111
author_curate_reward""
vote details (1)
@thinkagain · (edited)
Thank you. Stay tuned.
properties (22)
authorthinkagain
permlinkre-dksart-re-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20170706t165635633z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-07-06 16:56:36
last_update2017-07-06 16:56:54
depth2
children0
last_payout2017-07-13 16:56:36
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_length22
author_reputation169,947,657,333
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id7,542,170
net_rshares0
@getvotes ·
$1.00
@getvotes leaves a 100% upvote here!
--

**You want more votes?**
--
New Followers will get an upvote for free!
For more information, *[click here!](https://steemit.com/vote/@getvotes/want-more-upvotes-click-here)*
πŸ‘  ,
properties (23)
authorgetvotes
permlinkre-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20170706t153948245z
categorysteemit
json_metadata{"tags":["steemit"],"users":["getvotes"],"links":["https://steemit.com/vote/@getvotes/want-more-upvotes-click-here"],"app":"steemit/0.1"}
created2017-07-06 15:39:51
last_update2017-07-06 15:39:51
depth1
children0
last_payout2017-07-13 15:39:51
cashout_time1969-12-31 23:59:59
total_payout_value0.754 HBD
curator_payout_value0.250 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length214
author_reputation-541,766,423,636
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id7,534,332
net_rshares207,892,007,649
author_curate_reward""
vote details (2)
@jackobo ·
Thanks for the info
properties (22)
authorjackobo
permlinkre-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20180325t062624202z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-03-25 06:26:24
last_update2018-03-25 06:26:24
depth1
children0
last_payout2018-04-01 06:26:24
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_length19
author_reputation2,853,462,776,607
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id46,452,594
net_rshares0
@leviatan ·
You can not imagine how frustrated I felt for not being able to achieve this type details, this has been very helpful, if possible you should keep posting articles like this one tips to help us, thank you
πŸ‘  
properties (23)
authorleviatan
permlinkre-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20170705t171619266z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-07-05 17:16:21
last_update2017-07-05 17:16:21
depth1
children1
last_payout2017-07-12 17:16:21
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_length204
author_reputation774,747,285,481
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id7,421,048
net_rshares1,614,562,581
author_curate_reward""
vote details (1)
@thinkagain ·
I am glad it was helpful.  I'll try to post more posts like this.
properties (22)
authorthinkagain
permlinkre-leviatan-re-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20170705t173145301z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-07-05 17:31:45
last_update2017-07-05 17:31:45
depth2
children0
last_payout2017-07-12 17:31:45
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_length65
author_reputation169,947,657,333
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id7,422,653
net_rshares0
@minnowsupport ·
<p>Congratulations!  This post has been upvoted from the communal account, @minnowsupport, by thinkagain from the Minnow Support Project.  It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, and someguy123.  The goal is to help Steemit grow by supporting Minnows and creating a social network.  Please find us in the <a href="https://discord.gg/HYj4yvw">Peace, Abundance, and Liberty Network (PALnet) Discord Channel</a>.  It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.</p>

<p>If you like what we're doing please upvote this comment so we can continue to build the community account that's supporting all members.</p>
properties (22)
authorminnowsupport
permlinkre-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20170705t175203568z
categorysteemit
json_metadata{"tags":["steemit"],"app":"cosgrove/0.0.1rc3"}
created2017-07-05 17:52:03
last_update2017-07-05 17:52:03
depth1
children0
last_payout2017-07-12 17:52: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_length711
author_reputation148,902,805,319,183
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id7,424,732
net_rshares0
@ourfreesociety ·
Thank you for your help. 

When I tried to find it via Google, it was a nighbmare LOL

I STILL say we need a bloody TEXT EDITOR!!!

Have a good one!
properties (22)
authorourfreesociety
permlinkre-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20181020t210011194z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-10-20 21:00:15
last_update2018-10-20 21:00:15
depth1
children0
last_payout2018-10-27 21:00:15
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_length148
author_reputation6,936,306,804,075
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd0
post_id73,710,471
net_rshares0
@reveurgam ·
Excellent!  I'm going to link to this from my editing series: [New Steemers: Tips on How To Style Your Messages and Get More Readers](https://steemit.com/steemit/@reveurgam/new-steemers-posts-on-how-to-style-your-messages).
properties (22)
authorreveurgam
permlinkre-thinkagain-how-to-wrap-your-text-around-your-images-in-steemit-post-easy-codes-and-examples-vol-2-20190328t230729392z
categorysteemit
json_metadata{"tags":["steemit"],"links":["https://steemit.com/steemit/@reveurgam/new-steemers-posts-on-how-to-style-your-messages"],"app":"steemit/0.1"}
created2019-03-28 23:07:27
last_update2019-03-28 23:07:27
depth1
children0
last_payout2019-04-04 23:07: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_length223
author_reputation8,578,191,300,660
root_title"How to wrap your text around your images in Steemit post. Easy! (Codes & Examples) - VOL 2"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id82,124,372
net_rshares0