How to wrap text around your videos - a tutorial!


Ready for this!  Take a look at this one post that I did for the most popular subdivisions in my area.  Insert a video of any size and then the text magically wraps around it.  

It's called a 'Div tag'.  What it does is add a box with an interior margin around your video then your text wraps around that all neatly. (hopefully!)

A few things you have to decide first such as position your video on the left, middle or right of your post. Example here is left.   float:left    OR    float:middle
 
Margin around the video?  Normally around 10 pixels (10px)

You can make each margin a different size if you choose but I don't want to over complicate things here.

<div style= float:left;margin:0 10 px  5px 0;"><NOW EMBED VIDEO HERE></div>

BE sure not to add any spaces or additonal text when you do this or it won't work.  HTML is very tempermental.

You can use this same technique to wrap a 'block' of text or any picture.  It just seems trickier with a video. Many of you are doing great videos & I'm sure this will give you many more great ideas on future posts. 

 

div tags,

 
 

Lyn Sims  ●  Schaumburg IL Area  ●  Northwest Chicago Suburbs  ●  (847)230-7324

  lyn sims, lyn sims,  lyn sims,schaumburg homes,schaumburg IL real estate,  the blog dog,lyn sims, lyn sims, schaumburg homes,schaumburg IL real estate, schaumburg homes,schaumburg IL real estate, schaumburg homes,schaumburg IL real estate, schaumburg homes,schaumburg IL real estate,

 
Posted by Lyn Sims - Schaumburg Homes on 03/28/2012 05:28 PM   Comments (5)   Wrap Text Around Videos in the Technology and Tools Channel   wrap text around video, div tags  
Short URL: http://actvra.in/y46
Post is included in group: Tips and Techniques for Better Real Estate Photography
Post is included in group: Realtors®
Post is included in group: Real Estate Technology
Post is included in group: VBloggers

5 Comments on How to Wrap Text around your Videos!

MAR
28
2012
136,890 Points Outside Blog

Good instructional Lyn!  i will try that the next time I insert a video!  How do you get the RED lettering?  or did you cut and paste from another program?
5:41pm • #1
353,052 Points 39 Featured Posts Called Shot Master

Lyn, This is very cool!  You should include this post in the VBloggers Group and share it with those that are always looking for a new method of presenting videos.  You've always been a leader with videos.  I've already "Suggested and Bookmarked" this post and will be putting your method to work in a future post with multiple videos.  Thank you for the How To and best wishes always. 
5:46pm • #2
388,883 Points 21 Featured Posts Outside Blog Called Shot Master

Lyn, that is cool, I'm just getting into videos and attaching them and did not know this could be done. I'll have to try!
6:34pm • #3
281,737 Points 14 Featured Posts Outside Blog Called Shot Master

great to know!
7:47pm • #4
MAR
30
2012
702,786 Points 39 Featured Posts Outside Blog Called Shot Master

Ellen:  Give it a try next time you are trying to position a video. Works great!  Might have to tweek it here or there.

Mark:  Good luck with it.
6:45am • #5

Login or register to leave a comment
 
Orton_face Rainmaker_large

Lyn Sims - Schaumburg Homes

Schaumburg, IL

More about me…

Schaumburg Real Estate - Northwest Suburbs - RE/MAX Suburban

Address: Schaumburg | Hoffman Estates | Elk Grove Village | and Roselle, IL in the Northwest Suburbs of Chicago

Office Phone: (847) 230-7324

Cell Phone: (847) 230-7404

Email Me

Market comments, updates and news about the surrounding communities of Schaumburg, Hoffman Estates, Elk Grove Village, Roselle, Bloomingdale, Bartlett, Streamwood, and Hanover Park in the Chicago Northwest Suburbs.



Listings

Links

Archives

RSS 2.0 Feed for this blog