JSFiddle - React, Tailwind, and code Playground

by abernov

HTML

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

<div class="top-container">
  Website Title
                    
  <i class="fas fa-bars"></i>
</div>

CSS

body {
  margin: 0;
}

.top-container {
  box-sizing: border-box;
        padding: 20px;
        margin: 0;
        width: 100%;
        color: rgb(255, 255, 255);
        background-color: rgba(0, 0, 0, 0.75);
        font-size: 2em;
        font-weight: bold;
    }
    
    .top-container i {
        background-color: yellow;
        color: red;
        display: inline-block;
        float: right;
    }
    
    .top-container h2 {
        display: inline-block;
    }
    
    h2 {
      margin-top: 10px;
    }