JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nav-instruction">
<a id="nav-instruction-text" class="inline" href="#gallery-nav-instruct">Navigation Instructions</a>
</div>

CSS

body{ background: #000; }
#nav-instruction {
     position: fixed;
     right: -87px;
     top: 250px;
     display: block;
     border:solid 4px;;
     border-bottom:0px;
     border-color:#f3f3f3;
     padding:5px 10px; 
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
transform: rotate(270deg);
}
#nav-instruction-text{
    color:#f3f3f3;
    text-decoration:none;
    text-transform:capitalize;
    text-align:center; 
    font-weight:bold;
    font-size:17px;
}
        
#close-gallery-nav-button{
    text-indent:-9999px; 
    width:20px; 
    height:20px; 
    position:absolute; 
    top:-20px; 
    background:url(/jscript/colorbox/images/controls.png) no-repeat 0 0;

}