CSS : 축소 이미지를 가로선으로 가져 오는 방법은 무엇입니까?

Question

저는 blog의 꼬리말에 Wordpress Popular Posts 플러그인을 사용하고 있으며, 스타일링에 문제가 있습니다. 5 개의 미리보기 이미지가 옆에있는 것이 아니라 아래에있는 게시물 제목과 함께 수평선 (현재는 수직이 아님)에 표시하고 싶습니다. 나는 썸네일 스타일의 디스플레이를 망쳐 놓았지만, 불행히도 내가 원하는 것을하기에 충분하지 않은 것을 이해하지 못한다. 어떤 도움을 많이 주시면 감사하겠습니다!

/* 
Wordpress Popular Posts plugin stylesheet 
Developed by Hector Cabrera 

Use the following classes to style your popular posts list as you like. 
*/ 

.wpp-list { /* UL element */ 

} 

    .wpp-list li { /* LI - post container */ 
     overflow:auto; 
     display:block; 
     float:none; 
     clear:both; 
    } 

     /* title styles */ 
     .wpp-post-title { 
     } 

     /* thumbnail styles */ 
     .wpp-thumbnail { 
      display:inline; 
      float:left; 
      margin:0 5px 0 0; 
      border:none; 
     } 

     /* excerpt styles */ 
     .wpp-excerpt { 
     } 

     /* Stats tag styles */ 
     .post-stats { 
      font-size:9px; 
      font-weight:bold; 
display:inline; 
     } 

      .wpp-comments { 
      } 

      .wpp-views { 
      } 

      .wpp-author { 
       font-style:italic; 
      } 

      .wpp-date { 
       display:block; 
       clear:right; 
      } 

     /* WP-PostRatings styles */ 
     .wpp-rating { 
     } 

Answer 1

사용이 스타일 :

.wpp-list li { 
overflow: auto; 
display: inline-block; 
float: none; 
clear: both; 
width: 150px; 
} 

display:inline-block 항목을 만드는 인라인 및 이미지의 폭과 같은 항목의 설정 폭이 될 수 있습니다.