Maury Markowitz Posted October 24, 2013 Share Posted October 24, 2013 Take a look at this page: http://assolar.com/off-grid-kits/ Notice how the category image and text are one-after-the-other? I'd like to places them side-by-side, with the image on the left and the text on the right. I've tried a few things in global.css, but they always cause massive page breakage. Any hints? Here's the css so far: .content_scene_cat {border-width:1px;border-style:solid;border-color::#555;} .cat_img {margin:10px 0 0 0;padding:10px;background:#fff;text-align:left;} .cat_desc {margin:10px 0 0 0;padding:0 20px 20px 20px;/*border-width:1px 0;border-style:solid;*/} .cat_desc .lnk_more {margin:0 0 0 10px;} Link to comment Share on other sites More sharing options...
vekia Posted October 24, 2013 Share Posted October 24, 2013 create this style: .cat_img img { display:inline-block; float:left; } effect: Link to comment Share on other sites More sharing options...
Maury Markowitz Posted October 24, 2013 Author Share Posted October 24, 2013 Worked like a champ! But I'm curious - I did the *exact* same thing to the ".cat_img" itself, why didn't that work? Link to comment Share on other sites More sharing options...
vekia Posted October 24, 2013 Share Posted October 24, 2013 it's because in .cat_img you've got both image and description - .cat_img is a <div> Link to comment Share on other sites More sharing options...
Recommended Posts