JSFiddle - React, Tailwind, and code Playground
HTML
<aside id="rait">
<div id="title">Топ 5 по рейтингу</div>
<div id="desc">
<span id="bord"></span>
<img src="https://www.fyneworks.com/jquery/documentation/fyneworks.png" height="70" width="70" />
<div id="desc_main">
<span id="rest_name">Севилла (Sevilla) Севилла (Sevilla) Севилла (Sevilla) Севилла (Sevilla) Севилла (Sevilla) Севилла (Sevilla) Севилла (Sevilla) Севилла (Sevilla) Севилла (Sevilla) Севилла (Sevilla) Севилла (Sevilla) мСевилла (Sevilla)</span>
<span id="star"></span><span id="star"></span><span id="star"></span>
<span id="voice">26 голосов</span>
</div>
</div>
</aside>
CSS
#rait {
margin-left: 10px;
float: left;
background-color: white;
width: 300px;
box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.2);
/* padding: 0 0 5px 5px; */
/* border: 1px solid #60B663; */
/* border-top: 0; */
}
#title {
padding: 12px;
background-color: rgb(81, 79, 79);
color: #FFFFE3;
text-align: center;
}
#desc {
margin-top: 5px;
/* padding-left: 5px; */
border-bottom: 1px solid rgba(159, 151, 151, 0.6);
}
#desc_main{
position: absolute;
display: inline-block;
}
#bord {
border-left: 3px solid#60B663;
display: inline-block;
height: 70px;
}
#rest_name {
width: 200px;
/* position: absolute; */
margin-left: 10px;
display: block;
}
#star {
background: url(https://jquery-star-rating-plugin.googlecode.com/svn/trunk/star.gif) no-repeat 10px -32px;
display: inline-block;
/* position: absolute; */
width: 26px;
margin-top: 3px;
/* bottom: 0; */
height: 20px;
}
#voice {
display: block;
font-size: 14px;
/* position: absolute; */
/* left: 5px; */
/* right: 0; */
/* top: 0; */
float: right;
padding: 4px;
margin-left: 10px;
}