JSFiddle - React, Tailwind, and code Playground

HTML

<header class="page_header_style">
     <div>
         <div class="title_style">
             Main Title
         </div>
         <div>
            <ul class="user_style">
                <li>Welcome Srk</li>
                <li><a href="">Logout</a></li>
            </ul>  
          </div>    
     </div>
</header>

CSS

.page_header_style{
  border: 1px solid blue;  
}
.title_style{
    text-align:center;
}
ul{
  list-style: none;
}
li{
  display: block;
}
.user_style{
  float: right;
  margin-top: 0px;
}