@font-face {
font-family: 'Lato-Black';
src: url('Lato-Black.eot');
src: url('Lato-Black?#iefix') format('embedded-opentype'),
url('Lato-Black.woff') format('woff'),
url('Lato-Black.ttf') format('truetype'),
url('Lato-Black.svg#Lato-Black') format('svg');
font-weight: normal;
font-style: normal;
}@font-face {
font-family: 'Lato-Light';
src: url('Lato-Light.eot');
src: url('Lato-Light?#iefix') format('embedded-opentype'),
url('Lato-Light.woff') format('woff'),
url('Lato-Light.ttf') format('truetype'),
url('Lato-Light.svg#Lato-Black') format('svg');
font-weight: normal;
font-style: normal;
}<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;
}var owl = $(".carousel");
owl.owlCarousel({
singleItem : true
// "singleItem:true" is a shortcut for:
// items : 1,
// itemsDesktop : false,
// itemsDesktopSmall : false,
// itemsTablet: false,
// itemsMobile : false
});itemsDesktop:[1199,4],itemsDesktopSmall:[979,3],itemsTablet:[768,2]