Arranging elements on Category Listing Pages

On the category pages I have succeeded in moving the descriptive text so that it appears after the category image and the sub-category listings.

Now I would like to style the page so that the category image aligns left and the sub-category listings align right with the text below, but so far I've not been able to move those elements at all.

Here is an example category page: http://www.broadwayfloral.com/weddings-c-34.html.

Ideally I'd like to have two columns of sub-category listings to the right of the category image.

Okay, this is what I've added so far:

div.categoryImgListing  {
    width: 350px;
  }
  
.categoryImg  {
    text-align: left;
  }   

.rowCategoriesDescription {
  /*margin-left: 250px;*/
  font-weight: normal;
  padding: 10px 10px 0px 0px;
  width: 350px;
  }

.categoryListBoxContents a {
  float: right; 
}

.categoryListBoxContents a+a {
  margin-top:40px; 
}
```I somehow need to limit the category image to 50% width (350px) and the subcategory listing to the same 50% but am struggling to bring both of those elements side by side.

Anyone have a minute to look at this?

This site solved the problem but I just don't know what I'm looking for: [http://dfdancewear.com/index.php?main\_page=index&cPath=1](http://http://dfdancewear.com/index.php?main_page=index&cPath=1)

Thanks!
[ ](http://http://dfdancewear.com/index.php?main_page=index&cPath=1)