JSFiddle - React, Tailwind, and code Playground

by huskydawgs

HTML

<div class="home-textbox">
    <p>New Onvia 7.8.5 Release and Onvia 7.8.1 Release</p>
</div>

CSS

.home-textbox {
padding: 8px 12px;
background-color: #F1F1F1;
}

/* 3 Column  */
#wrapper-threecol {
    position:relative;
    width:100%;
    border: none;
    margin: 20px 0 20px 0;
}

    #threecol_row {
        height:100%;
        white-space:nowrap;
    }
        #threecol_row p {
            text-align: center;
        }

    .threecol_cell1, .threecol_cell2, .threecol_cell3 {
        height:100%;
        width:30%;
        display:inline-block;
        white-space:normal;
        vertical-align: top;
        margin-left: 5%;
    }
        .threecol_cell1{
            margin-left: 25px;
        }