JSFiddle - React, Tailwind, and code Playground

by Lynda333

HTML

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

CSS

#nav-instruction {
         position: fixed;
     right: 0;
     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=3);
transform: rotate(270deg);
}
#nav-instruction-text{
    color:#f3f3f3;
    text-decoration:none;
    text-transform:capitalize;
    text-align:center;
    font-weight:bold;
    font-size:20px;
}

html, body{
    background:#000;
}
p{
    color:#f3f3f3 !important;
    font-size:16px !important;
}
a{
    color:#f3f3f3 !important;
}
a:hover{
    color:#ccc !important;
    
}