JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dialog">
    <div id="content">
        <div id="container">
            <form>
                <div id="header">Header</div>
                <div id="body">
                    <div>
                        <div id="group1">Group1</div>
                        <div id="group2">
                            <div class="item">
                                 <label>Lable</label>
                            </div>
                            <div class="item">
                                <textarea rows="5" cols="30">Editor</textarea>
                            </div>
                            <div id="placeholder" class="item">
                                Placehoder
                            </div>
                            
                        </div>
                    </div>
                </div>
                <div id="footer">Footer</div>
            </form>
        </div> 
    </div>
</div>

CSS

#group2{
    width: 525px;
    height: 350px;
    background-color: silver;
}
.item{
    float: left;
    margin: 7px;
    position: relative;
}

#placeholder{
    width: 250px;
    height: 250px;
    background-color: yellow;
    top:50px;
    right:175px;
    position:absolute;
}