JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<ul>
<li><img src height="50" width="50" /><span>asdasd</span></li>
<li><img src height="50" width="50" /><span>asdasd</span></li>
<li><img src height="50" width="50" /><span>asdasd</span></li>
<li><img src height="50" width="50" /><span>asdasd</span></li>
<li><img src height="50" width="50" /><span>asdasd</span></li>
<li><img src height="50" width="50" /><span>asdasd</span></li>
<li><img src height="50" width="50" /><span>asdasd</span></li>
</ul>

CSS

ul{
    width:320px;
}
li{
    padding:10px;
    border-bottom:1px solid #4888ec;
}
img{
    vertical-align:middle;
}
span{
    margin-left : 10px;
    vertical-align:top;
}