JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content"> 
    <div class="user_menu">
     <div class="user_menu_top">
     <div class="user_menu_foto"> </div> 
     <div class="user_menu_info"> тут будет несколько дивов. инфа будет подгружаться с базы</div>
     </div> <!--end 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_content">тут будет много дивов. инфа будет подгружаться скриптами из базы</div>
    </div><!--end user menu -->

CSS

/*--------------user menu-----------------------*/
.user_menu{width:100%; height:auto; margin:2px;}
.user_menu_top{width:100%; height: 150px; border:#CCC 1px solid; border-radius:5px; position:relative;overflow: hidden; }
.user_menu_info{width:770px; height:146px; float:left; background:#F2F2F2; margin: 2px 5px;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; }
.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; float:left; background:#F2F2F2; margin: 2px 5px;border-radius:5px;  }

/*--------------end user menu-----------------------*/