JSFiddle - React, Tailwind, and code Playground

by davidxmartins

HTML

<!DOCTYPE html>
<html>
<head>


    <style>
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #007f6b;
            height: auto;
            box-sizing: border-box;
            padding: 10px 20px;
        }
 
        .header-items {
            background-color: #f4f4f4;
            
        }
 
    </style>
</head>
   
<body>


    <div class="header">
        <div class="header-items">1</div>
        <div class="header-items">2</div>
        <div class="header-items">3</div>
    </div>

 
</body>
</html>