JSFiddle - React, Tailwind, and code Playground

by pharma_nsk

HTML

<body>
<div>
<h1>Постановка задачи</h1>
<h2>Выбор метода решения</h2>
<p>Встряхнув головой, он подумал: нет, все это не так- то просто раскрутить; надо <em>тщательно</em>, кропотливо - скопить <strong>все</strong> вопросы, требующие ответа, а затем докопаться <span>до истины</span>. Все должно быть по науке. Всему свой резон. </p>
<p><a href="http://www.itmathrepetitor.ru">http://www.itmathrepetitor.ru</a></p>
</div>
</body>

CSS

body {padding:0; margin:0; position:relative; height:500px; width:500px;}
h1 {color:green;}
h2 {color:darkgreen;}
span {font-size:1.3em;}
div {position:absolute; height:300px; width:360px; top:50%; left:50%;  padding:10px;}
p{text-align:justify;}