JSFiddle - React, Tailwind, and code Playground

HTML

<div class="qt">
<div class="av"><img src="http://8pic.ir/images/72832103467538314681.png"></div>
<p>
  توضیحات دلخواه در این قسمت نوشته شود 			
<br>
</p>
<span>نام بازیکن در این قسمت</span>
</div>

CSS

.qt {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    direction: rtl;
    height: 122px;
    text-align: right;
    width: 245px;
}
.qt p {
    color: #FFFFFF;
    font: 12px tahoma;
}

.qt span {
    font: 14px tahoma;
}
.av {
    height: 122px;
    float: right;
}