Merhaba ana sayfada eklenen son konuları resimli olarak göstermek istiyorum. Php tarafında sıkıntı yok fakat css te sıkıntı var ki bütün çekilen konuları aşşağı doğru uzatıyor halbuki yan yana sıralaması lazım.

Yardımcı olursanız çok sevinirim.

• 
  
  elseif( $thumbnail = get_post_meta($post->ID, 'resim', true) ){ ?>
  
  
  
  

  

  
  

  konu başlığı

  
  

  içerik bilgisi

  
  

bu da CSS bölümü

/*--------------- #9 Feature Box---------------*/
.featBox{ padding:0; margin:0px auto; display:block; overflow:hidden;}
.featBox li{ width:290px; cursor:pointer; margin:0 35px 0 0; position:relative; float:left; display:inline-block; text-align:center; border-bottom:5px solid #eaeaea; padding-bottom:20px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -mox-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.featBox li .overlay{display:none; height:133px; width:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5);}
.featBox li:hover{ border-bottom:5px solid #c20509;}
.featBox li:hover .overlay{ display:block;}
.featBox li:last-child{ margin-bottom:0;}
.featBox h3{ padding:20px 0 12px; text-transform:uppercase;}
.featBox p{ font-size:12px; line-height:normal; }
.featBox li figure{ height:auto; vertical-align:middle; }
.featBox li figure img{ vertical-align:middle;}
.jcarousel-skin-tango .jcarousel-item a:hover figcaption {border-bottom: 1px solid #c20509 ;
transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}