(sometimes)TestJournal

Sunday, August 13, 2006
Some of my entries use a little trick called a "float". Using some CSS and an HTML tag you can display a smallish photo and have your text wrap around the photo. Very easy to accomplish. Here is the CSS and HTML to float a photo or a graphic.

<span style="float: right; padding: 5px">Your Image Here</span>


First add the photo to your entry and then switch to HTML view to add the float code. You can float an image to the left or right. The "padding" portion of the CSS keeps the text from running too close to the image. If you have questions, let me know in comments.

Try to float one of your small images in one of your entries. Leave a link in the comments if you want share and show off your floated image.


sepintx at 10:17:00 PM CDT Blog about this entry |  Add to del.icio.us |  digg this

This entry has 4 comments: (Add your own)

• #4 Comment from sazzylilsmartazz 
  8/18/06 11:51 PM | Permalink

  I am determined to figure this out!!!
  Dianna
• #3 Comment from sepintxEntry Author 
  8/15/06 10:41 AM | Permalink

  Yay! I knew you'd figure it out. Looks great!
• #2 Comment from mmartinez07 
  8/15/06 12:35 AM | Permalink

  I figured it out :) Check out my journal so you can see what I did.
  
  Mandy http://journals.aol.com/mmartinez07/UnhappilyEverAfter/
• #1 Comment from mmartinez07 
  8/14/06 7:12 PM | Permalink

  I'm having problems with this, and I'd appreciate any help you can offer. Do I have to replace "Your Image Here" with the image URL of the picture I want to float, or just the name of the image? Also, is it possible to float more than one image in the same entry?
  
  Thanks in advance :)
  ~Mandy~ http://journals.aol.com/mmartinez07/UnhappilyEverAfter/