JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-md-8 col-md-offset-1">
        <div class="bSettings">
            <h2>Settings</h2>
        <div class="noticebox">
                       
                   <h3>HELLO WORLD</h3>
                   <p>lorem ipsum alit berket usum and amazing</p>
                  
                   <button class="btn btn-default">On</button>
                   <button class="btn btn-default">On</button>
        </div>
        </div> 
        
     
    </div><!-- /.borrow-settings -->

CSS

.bSettings{
    border : 1px solid #eeeeee;
    padding-bottom : 50px;
}
.bSettings h2{
    color: #666;
    font-size:20px;
    padding: 10px 10px 10px 40px;
    
}
.bSettings .noticebox{
    border: 1px solid #eeeeee;
    border-radius: 20px;
    padding: 0px 0px 0px 20px;
    margin-right: 50px;
    margin-left: 45px;
}

.bSettings .noticebox h3{
    color: #666;
    font-size:18px;
}

.bSettings .noticebox .right{
    float:right;
}