JSFiddle - React, Tailwind, and code Playground

by आर्थर

HTML

<div class='social'>
<span class='callback' style='border-bottom:1px dashed #cccccc;'><a href='/p/zakaz-zvonka.html'>Заказать звонок</a></span><br/>
<span class='tel'>tel./viber: <a href='tel:+380632983380' rel='nofollow'>+380 (63) 298-33-80</a>; <a href='tel:+380956324250' rel='nofollow'>+380 (95) 632-42-50</a>.</span><br/>
<span class='adress'>Ленинградское шоссе 5А, Одесса</span>
</div>

 <ul>
    <li>Чебурашка</li>
    <li>Крокодил Гена</li>
    <li>Шапокляк</li>
  </ul>
   
     <p><a href="sample.html"><img src="https://cdn0.iconfinder.com/data/icons/iconsweets2/40/telephone_call_contact.png" alt="Пример"></a></p>
     
          <p><a href="sample.html"><img src="https://cdn0.iconfinder.com/data/icons/iconsweets2/40/location_pin.png" alt="Пример"></a>Ленинградское шоссе 5А, Одесса</p>
               <p><a href="sample.html"><img src="https://cdn0.iconfinder.com/data/icons/iconsweets2/40/link_seo.png" alt="Пример"></a>Ленинградское шоссе 5А, Одесса</p>
                    <p><a href="sample.html"><img src="https://cdn0.iconfinder.com/data/icons/iconsweets2/40/email.png" alt="Пример">[email protected]</a>[email protected]</p>
                         <p><a href="sample.html"><img src="https://cdn0.iconfinder.com/data/icons/iconsweets2/40/telephone_call_contact.png" alt="Пример"></a>[email protected]</p>
                         
                         
                          <p><a href="sample.html"><img src="https://assets.jalantikus.com/assets/cache/300/300/apps/old/viber-icon.png"  alt="Пример"></a></p>
                          
                          
                          
<div class="user">
	<span class="user-icon"><span></span></span>
	<span class="user-name">User Name</span>
</div>       


<a href="#"><img src="https://cdn0.iconfinder.com/data/icons/iconsweets2/40/telephone_call_contact.png"> потом текст нужный</a>

CSS

li {
    list-style: none; /* Убираем исходные маркеры */
    background: url(https://cdn0.iconfinder.com/data/icons/iconsweets2/40/email.png) no-repeat 0 4px; /* Параметры фона */
    padding-left: 40px; /* Смещаем текст вправо */ 
   }

.user-icon {
	width: 40px; height: 40px;
	background: url('https://cdn0.iconfinder.com/data/icons/iconsweets2/40/telephone_call_contact.png');
	display: inline-block;
	margin-right: 3px;
}
.user-name {
	font-size: 14px;
}









.social{color:#d9dcde!important;font-size:10.5pt}.tel a{color:#d9dcde;}.callback a{color:#bfc7ce;}





/* ************************************************************** */
body {
    position: relative;
    width: 100%;
    float: left;
    background: url(http://4.bp.blogspot.com/-tBfE2myNSI4/U8xkpCYCfrI/AAAAAAAALy4/sV_j_AweAG8/s1600/header-background.gif);
}
/* ************************************************************** */