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;
'>тут тукст тонны текстаСмысловая цельность текста

В смысловой цельности текста отражаются те связи и зависимости, которые имеются в самой действительности (общественные события, явления природы, человек, его внешний облик и внутренний мир, предметы неживой природы и т. д.).

Единство предмета речи — это тема высказывания. Тема — это смысловое ядро текста, конденсированное и обобщённое содержание текста.

Понятие «содержание высказывания» связано с категорией информативности речи и присуще только тексту. Оно сообщает читателю индивидуально-авторское понимание отношений между явлениями, их значимости во всех сферах придают ему смысловую цельность.

В большом тексте ведущая тема распадается на ряд составляющих подтем; подтемы членятся на более дробные, на абзацы (микротемы).

Завершённость высказывания связана со смысловой цельностью текста. Показателем законченности текста является возможность подобрать к нему заголовок, отражающий его содержание.

Таким образом, из смысловой цельности текста вытекают следующие признаки текста:

    Текст — это высказывание на определённую тему;
    В тексте реализуется замысел говорящего, основная мысль;
    Текст любого размера — это относительно автономное (законченное) высказывание;
    Предложения логически связаны между собой;
    К тексту можно подобрать заголовок;
    Правильно оформленный текст обычно имеет начало и конец.
            Смысловая цельность текста

В смысловой цельности текста отражаются те связи и зависимости, которые имеются в самой действительности (общественные события, явления природы, человек, его внешний облик и внутренний мир, предметы неживой природы и т. д.).

Единство предмета речи — это тема высказывания. Тема — это смысловое ядро текста, конденсированное...

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;
padding: 2% 2% 2% 2%;
font-family: Tahoma, Geneva, sans-serif, arial, verdana;
width: 700px;
margin: 10% 250 0 250;
}
.content{

min-height: 673px;
}