JSFiddle - React, Tailwind, and code Playground

HTML

<div class='parent'>
<div class='link'>
<a href="somelink">О студии</a>
</div>
<div class='link'>
<a href="somelink2">Наши услуги</a>
</div>
<div class='link'>
<a href="somelink3">Something</a>
</div>
<div class='link'>
<a href="somelink4">Something 2</a>
</div>
</div>

CSS

.parent {position:relative; top: 20px; left: 45px;}
div.link { 
    float: left;
    width: 100px;
    height: 31px;
    -ms-transform: rotate(-30deg); 
    -webkit-transform: rotate(-30deg); 
    transform:rotate(-30deg); 
    font-size:13px; 
    font-weight:800; 
    text-align:left;  
    background: url(http://oi60.tinypic.com/2vdlnc7.jpg) right top;
} 

.link a { color: white; position: relative; top:5px; left: 5px;}

.parent .link { 
    margin-left: -42px;
}