JSFiddle - React, Tailwind, and code Playground

by appleBud

HTML

<div id="header">
       <div id="head1">
           <img id="myImg" src="home.jpg" /> 
    </div>
    
    <div id="head2">
        <div id="userInfo">
            
        </div>
        <div id="icons"></div>
    </div>
    
</div>

CSS

#header
{
    
    width:100%;
    border:1px solid black;
    height:200px;
    padding:10px;
}

#head1
{
    float:left;
    width:20%;
    height:inherit;
    border:1px solid black;
   
    
}

#head2
{
    float:right;
   
width:20%;
height:inherit;    
padding:5px;
}

#userInfo
{
    width:100%;
    height:50px;
    border:1px solid black;
    
}

#icons
{
    width:100%;
    height:50px;
    border:1px solid black;
    margin-top:80px
}