JSFiddle - React, Tailwind, and code Playground

by Shabeer Sheffa

HTML

<div class="left">aa</div>
<div class="middle">dd</div>
<div class="right">ff</div>

CSS

.left{
    float:left;
    background-image: url (http://test.tjerksmit.nl/cornerBL.png);
    width: 28px;
    height: 150px;
}
.middle{
    float:left;
    display: block;
    width:90%;
    margin: 0 auto;
    height:150px;
    position: relative;
    background-image: url(http://test.tjerksmit.nl/middleTop.png);
    background-repeat: repeat-x;
    overflow: auto;
}
.right{
    float:left;
    background-image: url (http://test.tjerksmit.nl/cornerBR.png);
    width: 28px;
    height: 150px;
}