JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="updateWrapper">
        <textarea id="updateTextArea"></textarea>
        <div class="buttonWrapper">
        <div class="bButton"><a href="#" class="buttonText">Button</a></div>
    </div>
</div>

CSS

#wrapper{
    margin:5px;
    border:5px solid;
    position:relative;
}
#updateWrapper{
    width:100%;
    position:relative;
}
#updateTextArea{
    width:95%;
    border:none;
    background-color:#dddddd;
    height:50px;
    margin-top:10px;
}
.buttonWrapper{
    width:100%;
    position:relative;
}
.bButton{
    position:relative;
    padding:2px 5px 2px 5px;
    background-color:#244070;
    width:50px;
    margin-top:5px;
}
.buttonText{
    color:#FFF;
    font-weight:bold;
    text-decoration:none
}
.right{
    float:right;
}