CSS：如何将缩略图绘制成水平线？

我在我的页脚中使用了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 {
        }

使用此样式：

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

---

display:inline block

使项目处于内联状态，并将项目的宽度设置为图像的宽度。

提供您的标记，或者您可以在我不知道这意味着什么的情况下制作演示？太好了！非常感谢你！