Картинка и текст. Как сделать чтобы при длинном тексте он не уползал под картинку?
как вариант сделать списком + изображение задать псевдоэлементом
jsbin.com/tehetatopo/3/edit<ul class="speakerItem">
    <li>Картинка и текст. Как сделать чтобы при длинном тексте он не уползал под картинку?</li>
    <li>Картинка и текст. Как сделать чтобы при длинном тексте он не уползал под картинку?</li>
    <li>Картинка и текст. Как сделать чтобы при длинном тексте он не уползал под картинку?</li>
    <li>Картинка и текст. Как сделать чтобы при длинном тексте он не уползал под картинку?</li>
    <li>Картинка и текст. Как сделать чтобы при длинном тексте он не уползал под картинку?</li>
    <li>Картинка и текст. Как сделать чтобы при длинном тексте он не уползал под картинку?</li>    
</ul>.speakerItem{
    list-style: none;
}
.speakerItem li{
    position: relative;
    padding-left: 30px;
    margin: 10px 0;
}
.speakerItem li:before{
    content: '';
    position: absolute; top: 4px; left: 0;
    background: url('http://www.etonhostels.com.au/wp-content/uploads/2013/07/tiny-smiley-face.jpeg') no-repeat 0 0;
    width: 20px;
    height: 20px;
}
Надо посмотреть CSS файл