[SOLVED] Using CSS to display list of members

[Mardoxx]

				<div id="mainContent">
				<h3><span>Members</span></h3>
				<div id="members">
					<div id="memberOdd">
						<div id="pic"><img src="" /></div>
						<div id="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
					</div>

					<div id="memberEven">
						<div id="pic"><img src="" /></div>
						<div id="text"><p>Ut mauris mauris, ultrices eget vestibulum quis, euismod eget lacus.</p></div>
					</div>
				</div>

			</div>

 

 

I want it to display

 

image text

text image

image text

text image

 

It would be easy with tables, but how would I go about it using CSS? (which is a lot neater )

 

can anyone help me please?

 

[haku]

<div class="even">
  <img />
  <p>text</p>
</div>

<div class="odd">
  <img />
  <p>text</p>
</div>

<div class="even">
  <img />
  <p>text</p>
</div>

<div class="odd".
  <img />
  <p>text</p>
</div>

 

.even img
{
  float:left;
}

.odd img
{
  float:right;
}