JSFiddle - React, Tailwind, and code Playground

HTML

<div id="topBar" class="topnav">
      <ul>
        <li>
          <span id="spanOpen" v-on:click="openMenu">&#9776;</span>

          <h5 id="bi"> BI</h5> 
        </li>
      </ul>
    </div>

CSS

.topnav {
      background-color: #111;
      overflow: hidden;
    }

#spanOpen {
      cursor: pointer;
      font-size: 30px;
      color: #f1f1f1;
    }

#bi {
      color: #f1f1f1;
      font-size: 30px;
      display:inline-block;
      margin-left: 20px
    }