JSFiddle - React, Tailwind, and code Playground

HTML

<body>
		<div class="mydiv">
			<div class="mydiv_content">
				<p> TEST 1</p>
			</div>
			
			<div class="mydiv_buttons">
				<br>
				<input type="submit" value="send"></input>
			</div>
		</div>
	</body>

CSS

.mydiv
			{
				position: relative;
				border:1px solid yellow; 	/* D8D8D8 */
				width:70%; 
				height:800%;
				margin-top: 100px;
				margin-left: 200px;
			}
					
			.mydiv_content
			{
				position: absolute;
				margin-left: 10px;
				margin-top: 10px;
				border:1px solid red;
				width:100%;
				height:80%;
			}
					
			.mydiv_buttons
			{
				position: absolute;
				margin-left: 10px;
				margin-top: 10px;
				border:1px solid green;		/* D8D8D8 */
				width:100%;
				height:75%;
				margin-top: 385px;
			}