JSFiddle - React, Tailwind, and code Playground

HTML

<div class="user_menu">
    
    
    <div class="user_menu_top">
        <div class="user_menu_left"> 
       <div class="user_menu_left_button">кнопка</div>    
       <div class="user_menu_left_button">кнопка</div> 
       <div class="user_menu_left_button">кнопка</div> 
    </div><!--end user_menu_left-->
    
       <div class="user_menu_foto"> </div> 
       <div class="user_menu_info"> тут будет несколько дивов. инфа будет подгружаться с базы</div>
     
     <div class="user_menu_content">тут будет много дивов. инфа будет подгружаться скриптами из базы</div> 
     </div> <!--end user menu top-->
    
         
    
</div>

CSS

.user_menu{width:100%; height:auto; margin:2px; overflow:hidden;}
.user_menu_top{width:100%; border:#CCC 1px solid; border-radius:5px; overflow: hidden; }
.user_menu_info{width:770px; height:146px; background:#F2F2F2; margin: 2px 0px 0px 155px; border-radius:5px;}
.user_menu_foto{width:150px; height:150px;   background:url(../images/ss_02%5B1%5D.jpg); float:left; }
.user_menu_left{ width:150px; height:auto; float:left;  margin-top:150px;}
.user_menu_left_button{width:150px; height:30px; background:url(../images/menu_035_bg.jpg) repeat-x; margin-top:5px; border:#CCC 1px solid; border-radius:5px;}
.user_menu_content{width:770px; height:96px;  background:#F2F2F2; margin: 2px 0px 0px 155px; border-radius:5px;  }