JSFiddle - React, Tailwind, and code Playground

HTML

<div class='box'>
	<div class='header'>
		<h1 onclick='getGenre()'>Шапка</h1>
	</div>
	<div class='content'>
		<div class='licence'><span style='font-size: 1.09em; float: left;'>заголовок</span><br /><p style='font-size: 14px;
text-align: left;
float: left;'>тут тукст тонны текста</p></div>	
	</div>
	<div class='footer'>
			<!--содержимое футера на которое наезжает блок lecence усли много текста-->
			
			<center><span>&#169 Copywrite. Все права защищены.</span></center>
	</div></div>

CSS

.licence {
background: #FFF;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);
-moz-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);
box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);
margin-top: 20px;
color: #2b2f33;
position: absolute;
padding: 2% 2% 2% 2%;
font-family: Tahoma, Geneva, sans-serif, arial, verdana;
width: 700px;
margin: 10% 250 0 250;
}
.content{
min-height: 673px;
}