JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="deallogo">Deal<span>OR</span>No deal</h1>

CSS

.deallogo {
    background: linear-gradient(#685300, #E6B800);
    border: black solid 1px;
    margin: 0 auto;
    width: 204px;
    padding: 0 9px 0 10px;
}
.deallogo span {   
    color: white;
    background: black;
    border: black solid 1px;
    width: 35px;
    font-size: 0.7em;
    transform: rotate(270deg);
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0;
}