JSFiddle - React, Tailwind, and code Playground
HTML
<h3>Using List</h3>
<div class="container">
<ul>
<li><img class="smile" /> Blah Blah Blah</li>
<li><img class="smile" /> Blah Blah Blah</li>
<li><img class="smile" /> Blah Blah Blah</li>
<li><img class="smile" /> Blah Blah Blah</li>
<li><img class="smile" /> Blah Blah Blah</li>
<li><img class="smile" /> Blah Blah Blah</li>
<li><img class="smile" /> Blah Blah Blah</li>
<li><img class="smile" /> Blah Blah Blah</li>
<li><img class="smile" /> Blah Blah Blah</li>
<li><img class="smile" /> Blah Blah Blah</li>
<li><img class="smile" /> Blah Blah Blah</li>
<li><img class="smile" /> Blah Blah Blah</li>
</ul>
</div>
<h3>Using Divs</h3>
<div class="container fake-list">
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
<div class="fake-list-item"><img class="smile" /> Blah Blah Blah</div>
</div>
CSS
.container {
height: 100%;
width:100%
overflow:auto;
border: 2px solid #ccc;
margin: 20px;
}
ul { list-style-type: none; padding: 0; margin:0;}
li {
background-image:url('http://www.ecostucco.com/wp-content/themes/ecostucco/colors_textures/texture_fossil.png');
border-bottom:1px dotted black;
padding:100px;
}
.fake-list {
background-image:url('http://www.ecostucco.com/wp-content/themes/ecostucco/colors_textures/texture_travertine.png');
}
.fake-list-item {
padding:10px;
border-bottom:1px dotted black;
}
.fake-list-item:nth-of-type(odd) {
background-image:url('http://www.ecostucco.com/wp-content/themes/ecostucco/colors_textures/texture_limestone.png');
}
img.smile {
height: 25px;
width:25px;
content: url('http://writingsofamrs.files.wordpress.com/2013/05/33494d1308109873-green-envy-watch-first-arrival-begins-smile-loco.jpg');
}