JSFiddle - React, Tailwind, and code Playground

by Sergey Goryachev

HTML

<div class="form">
	<div class="block">Наша задача:</div>
	<textarea name="" id="" cols="30" rows="10"></textarea>
</div>

CSS

* { margin: 0; padding: 0; border: 0; }
.form {
	position: relative;
}
.block {
	position: absolute;
	top: 0;
	left: 0;
	height: 34px;
	line-height: 34px;
	z-index: 2;
	font-family: Arial;
	font-size: 16px;
	background: #fff;
	width: 110px;
}
textarea {
	width: 400px;
	height: 200px;
	position: relative;
	top: 0;
	left: 0;
	line-height: 34px;
	background: url('https://habrastorage.org/files/0bc/6c5/19f/0bc6c519fb8543cf939414b1990fb614.gif') 0 0 repeat;
	z-index: 1;
	font-family: Arial;
	font-size: 16px;
	text-indent: 115px;
	color: #787878;
}