JSFiddle - React, Tailwind, and code Playground

by alexdickson

HTML

<div class="wrap">
<div class="header">
    <div id="title">architecture</div>
</div>
    &nbsp;
    
    
</div>

CSS

div.wrap
{
    position: relative;
    width:1024px;
    margin:0 auto;
    height:100px;
    background-color:Purple;
}
div.header
{
    height:100%;
    width:990px;
    border-right:20px solid Gray;
    background-color:Purple;
}

#title {
    position: absolute;
    top: 40px;
    left; 0;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);    
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}