JSFiddle - React, Tailwind, and code Playground

by Göran Andersson

HTML

<div id="rightcolumn" class="rcolumn"><div class="floatRight"><H3 class="maintitle1">articals </H3></div></div>

CSS

.rcolumn{
    background-image:url('http://www.centerwow.com/linkguide/guide_files/pic/bacround_lineYellow.png');
    margin: 0px 0px 0px 0px;
    padding: 10px;
    position: relative;
    width:70%;
    height:300px;
     border-color: #316897;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    position:relative;
     float:leftt;
    text-align: right;
    
 }
.maintitle1 {
    background: center top #2C6987 repeat-x scroll ;
    border-color: #316897;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 #528CBC inset;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    padding: 6px 10px 6px 10px;
    padding-left: 10px;

}