liMarquee / Grouped
Content

RESULT

CODE

<!--If you have already use jquery, then this line is not necessary-->
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>


<!-- Plugins files-->
<link rel="stylesheet" href="css/liMarquee.css">

<script src="js/jquery.liMarquee.js"></script>


<!-- Initialization of plugin -->
<script>
$(window).on('load',function(){
	$('.str9').liMarquee({
		direction: 'right'	
	});
})
</script> 

<!-- CSS code-->
<style>
	.textItem {  display:inline-block; vertical-align:top;}
	.textItem+.textItem {padding-left:100px;}
</style>


<!-- HTML code-->
<div class="str9 mWrap">
	<div class="textItem">Free shipping on 100 eur</div>
	<div class="textItem">Free shipping on 100 eur</div>
	<div class="textItem">Free shipping on 100 eur</div>
</div>