JSFiddle - React, Tailwind, and code Playground

HTML

<div class="friend">
                <div class="avatar_mini">
                    <img src="http://cs306700.userapi.com/u99361422/d_3b3a9d0a.jpg" alt="">
                </div>
                 <div class="friend_menu">
                    меню<br>меню
                 </div>
                    <div class="first_and_last_name">
                    Вася Васильев
                 </div>
      </div>

CSS

.friend {width:100%; height:100px; overflow:hidden; min-width:300px; border:1px solid #111;}
.avatar_mini {float:left; margin-right:10px;}
.friend_menu {float:right; widht:120px;}