JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
    da<br/>
    dawgawg
</div>
<div id="content">
    gawga <br/> 
    gawk
</div>

CSS

#menu {
width: 250px;
float: left;
padding: 0;
margin: 0;
height:100%;
background-color:#C3E0C6;
}

.button{
float:left;
margin-top:80px;
margin-left:12px;
padding:1px;
}

#kontakty{
        float:left;
        margin-left:20px;
        margin-top:10px;        
        padding: 2px;
        color:#04605B;
        font-family:Arial, Helvetica, sans-serif; font-size:10pt;
}

#kontakty ul li p{
        font-weight:bold;}
        
#kontakty ul li{
        list-style-type:none;
        line-height:1.5em;
        z-index:6;
}

#content {
 background: #000;
 width: 100%;
 margin-left:250px;
 top:15px;
 padding: 0;
 margin:0;
 min-width:620px;
 }
#text{
        float:right;
        padding:10px;
        margin-left:10px;
        margin-top:65px;
        font-family:Arial,Helvetica,sans-serif;
        font-size:small;
        line-height:1.3em;
        min-width:620px;
}