Mandarin Logo
MainBlogFAQsBox TipsText TricksColor ChartFree GalleryCSS Opacity
TWO CENTS CURRENT ISSUE 2005 | JUL | AUG | SEP | OCT WEST SACRAMENTO CALIFORNIA
a decorative square

Free Gallery: Spare Squares

Free pictures and images for your Blog or Web page. All Mandarin images and pictures here and in the Gallery can be used without permission. Right-click to copy the images or use the copy-and-paste code to link to an image.

Back to Gallery  

Magazine Style Float Center Image

Magazine Style

Sometimes we just want a picture to float in the middle of two columns. The top of the picture is defined as margin-top:25px which says drop it down 25 pixels.

This is the right side text. Have you ever wondered how to center the image in your Blog or Web page and let the text wrap around the image? It's easier than you think with the copy and paste code. This is a miniature version of the full copy and paste.

This is the left side of a two-column div layout with an image that is floating in the center. The image is contained in two separate columns. The left and right columns are also floating. There is one small image that floats in the middle.


Link URL   Last Updated: Friday, February 25, 2005
BACK TO TOP
Recent Updates
MAIN BLOG FAQs CSS:Boxes TRICKS About CSS Style Color Chart GALLERY PureText
Validate HTML Validate Style Sheet Elements of Style Yahoo Buzz Google Zeitgeist Lycos 50 TP TP2 TF Technorati Sitemeter
Mandarin Archives 2005: J F M A M J J A S O N D   2004: J F M A M J J A S O N D   2003: J F M A M J J A S O N D  
Clean PC Banners Free Banners Tag Board Gator ColdFusion Fade Images Refer Grouping Web Help Drop Caps