JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html lang="ru">
<head>
    <meta charset="UTF-8" />
    <title></title>
    <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="apple-touch-icon" href="apple-touch-icon.png" />
    <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen, projection" />
    <link rel="stylesheet" type="text/css" href="css/style.css" media="screen, projection" />

</head>
<body>
    <header>Hello Web

    </header>

</body>
</html>

CSS

/* --------------- reset.css --------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;    /* обнуляем отступы и убираем бордюры */
    vertical-align: baseline;    /* приводим все к одной базовой линии */
    background: transparent;    /* чтобы не проскакивали левые фоны, установленные по умолчанию */
    font-size: 100%;    /* размер шрифта всем одинаковый */
}
article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section { 
    display: block;
}
ol, ul {
    list-style: none;    /* убираем маркеры ненумерованных списков */
}
a {    /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
    margin: 0;
    padding: 0; 
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
table {    /* устраняем отступы между ячейками таблицы */
    border-collapse: collapse; 
    border-spacing: 0;
}
td, td img {
    vertical-align: top;    /* возвращаем привычное вертикальное выравнивание */
}
input, select, button, textarea {
    margin: 0;    /* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
    font-size: 100%;    /* делаем размер шрифтов везде одинаковым */
    outline: none; /* убираем рамку вокруг рамок в фокусе */
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
blockquote, q {
    quotes: none;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
  ...