View Full Version : CSS - Image in Paragraph Help!!!

10-07-2007, 07:43 PM
Hello, what I am trying to accomplish is hard to explain so I'm going to give you guys/gals a link to help you understand what I'm asking:


See on the right side of the page in the "About Me" section? What I'm trying to do on my own site is exactly what he did right there in regards to the text being wrapped around that small square logo. I'm trying to do this via CSS so no tables please! :)

If you have any questions which would in turn help answer my question, please let me know!

Thank you very much in advance!


10-07-2007, 07:53 PM
Ok, This is pretty simple:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<style type="text/css">
width: 400px;
float: left;
float: right;
width: 200px;
border: 1px solid black;
height: 300px;

<div id="Container">
<div id="LeftSide">
Some text here
<div id="RightSide">
<div id="AboutMe">
<img src="http://www.websitesinaflash.com/images/logos/logo4_square.jpg" id="img_aboutme" /> Some more text here hereSome more text here hereSome more text here hereSome more text here hereSome more text here here

This should work.

10-07-2007, 09:42 PM
Thank you so much! It worked perfectly!

I thought you had to use the 'display' property, making the image or the paragraph set to 'display:inline;'. But I guess not!

Thanks again,

10-08-2007, 01:36 AM
Images are already set to 'inline' automatically.