JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div_glavni">
    <div class="div_t">
        <div class="div_b">
            <div class="div_b_n">test</div>
            <div class="div_b_v">
                <div class="div_b_v_l"></div>
                <div class="div_b_v_d"></div>
            </div>
        </div>
        <div class="div_p"></div>
    </div>
</div>

CSS

.div_glavni {
    display: inline-block;
    width:820px;
   
    vertical-align: top;
    margin:0 auto;
}
.div_t {
    height:100%;
    width:800;
    display: inline-block;
    background:yellow;
}
.div_b {
  
    display: inline-block;

    width:760px;

    margin-top:20px;
    margin-left:20px;
}
.div_b_n {
  
    height:30px;
    width:740px;
 
    padding-top:3px;
}
.div_b_v {
   
    display:inline-block;
    width:730px;

    color:red;
}
.div_b_v_l {
   
    float:left;
    display:inline-block;
    width:180px;
    background-color:blue;
    height:200px;
}
.div_b_v_d {
   
    float:left;
    display:inline-block;
    width:520px;
    height:200px;
    background-color:green;
}
.div_p {
  
    height:25px;
    width:760px;

    background-color:black;
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
}