CSS для вертикального выравнивания текста рядом с изображением без 2-й строки под изображением?

Question

Мне трудно отформатировать этот виджет WordPress, чтобы он хорошо выглядел.

http://healthybodyguru.com/ Это виджет "Самые горячие сообщения в этом месяце" внизу.

IУ нас есть 1-я строка текста, выровненная по вертикали к верху, но дополнительные линии появляются под изображением.

Вот некоторые CSS, с которыми я играл:

#featured-bottom .popular-posts li {
    list-style-type: none;
    padding-left: 0px;
    margin: 0 0 10px 0;
    position: relative;
    float: left;    
}
.popular-posts img {    
    margin-right: 10px;
    vertical-align: top;
}
.popular-posts .wpp-post-title {
    font-size: 14px;
}

Есть идеи?Я прочитал похожие вопросы, но ответы, похоже, не помогли в моем конкретном случае.

Answer 1

Вы хотите:

.popular-posts img {    
    margin-right: 10px;
    float: left;
}