JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>ZorNet: Создание сайта uCoz</title>
</head>
<body>
  <ul>
    <li class="zornet_ru_ksan">ZorNet: Создание сайта uCoz</li>
    <li class="nuredsab_lokogs">ZORNET.RU</li>  </ul>
</body>
</html>

CSS

HTML {
  height: 100%;
  }

BODY {
  background: white;
  text-align: center;
  font: 16px/1 'Trebuchet MS', Verdana, sans-serif;
  }

UL {
  padding: 0;
  list-style: none;
}
LI {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 7em;
    margin: 3px 0;
    border: 1px solid #bfbdbd;
    border-radius: 3px;
    vertical-align: middle;
    text-align: center;
    text-shadow: 0 0 5px rgba(37, 35, 35, 0.9);
    color: #f1eaea;
    font-size: 21px;
    font-weight: bold;
    font-family: PT Sans;
}
LI:before {
  content: "";
  display: inline-block;
  height: 8em;
  vertical-align: middle;
}

.zornet_ru_ksan {
    background: linear-gradient(to top right, #800c7f 10%, #da153a 30%, #ff6228 50%, #ffdb19 75%);
}

.nuredsab_lokogs {
    background: linear-gradient(45deg, #941194 15%, #ce1d3f 30%, #f15217 50%, #d6b816 75%);
}