JSFiddle - React, Tailwind, and code Playground

by nickadeemus2002

HTML

<ul class="contact">
    <li class="li-header">Contact for place A</li>
    <li class="mail"> [email protected] </li>
    <li class="phone"> +000 111 222 333 </li>
</ul>
<ul class="contact">
    <li class="li-header">Contact for place B</li>
    <li class="mail"> [email protected]</li>
    <li class="phone"> +000 333 222 111</li>
 </ul>

CSS

html, body {
    font-size: 16px;
}
ul.contact{list-style:none;}
li.li-header{font-weight:bold;}
.mail {
    background: #fff url("http://cdn1.iconfinder.com/data/icons/gnomeicontheme/16x16/stock/net/stock_mail.png") no-repeat 0% 50%;
    
}
.phone {
    background: #fff url("http://cdn1.iconfinder.com/data/icons/gnomeicontheme/16x16/stock/generic/stock_landline-phone.png") no-repeat 0% 50%;
}

.mail, .phone{
    padding-left:20px;
    
}