JSFiddle - React, Tailwind, and code Playground

HTML

<aside class="raiting">
    <div class="raiting__title">Какой-то рейтинг</div>
    <div class="raiting__desc">
        <div class="raiting__content">
            <div class="raiting__img">
                <img src="http://placehold.it/70x70" alt="" height="70" width="70">
            </div>
            <div class="raiting__text">
                <p>Некоторый текст, который можно написать здесь, не будет выходить за рамки предоставленного для него контейнера и не будет ломать вёрстку, если его будет чрезмерно много</p>
                <span class="star">*</span>
                <span class="star">*</span>
                <span class="star">*</span>
                <div class="raiting__count">23 голоса</div>
            </div>
            
        </div>
    </div>
</aside>
<aside class="raiting">
    <div class="raiting__title">Какой-то рейтинг</div>
    <div class="raiting__desc">
        <div class="raiting__content">
            <div class="raiting__img">
                <img src="http://placehold.it/70x70" alt="" height="70" width="70">
            </div>
            <div class="raiting__text">
                <p>Количество текста</p>
                <span class="star">*</span>
                <span class="star">*</span>
                <span class="star">*</span>
                <div class="raiting__count">23 голоса</div>
            </div>
            
        </div>
    </div>
</aside>
<aside class="raiting">
    <div class="raiting__title">Какой-то рейтинг</div>
    <div class="raiting__desc">
        <div class="raiting__content">
            <div class="raiting__img">
                <img src="http://placehold.it/70x70" alt="" height="70" width="70">
            </div>
            <div class="raiting__text">
                <p>Количество текста не мешает правильному и красивому отображению блока</p>
                <span class="star">*</span>
                <span class="star">*</span>
                <span class="star">*</span>
                <div...

CSS

.raiting {
  display: inline-block;
  margin: 20px;
  width: 300px;       
  box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.2);
}

.raiting__title {
  padding: 12px;
  background-color: rgb(81, 79, 79);
  color: #FFFFE3;
  text-align: center;
}

.raiting__desc {
  padding: 10px 0;
  /* padding-left: 5px; */
  border-bottom: 1px solid rgba(159, 151, 151, 0.6);
}

.raiting__content {
    border-left: 3px solid #60B663
}
.raiting__img {
    display: inline-block;
    vertical-align: top;
    width: 70px;
    margin-left: 10px;
}
.raiting__text {
   display: inline-block;
   vertical-align: top;
   width: 210px;
   margin-left: 3px;
}
.raiting__text p {
    margin: 0 0 10px 0;
    min-height: 40px;
}
.star {
    margin-right: 5px;
}
.raiting__count {
    float: right;
    margin-right: 10px;
}