JSFiddle - React, Tailwind, and code Playground

CSS

.block {
  display: inline-block;
  padding: .5em 1em;
  border: 1px solid #000;
  border-radius: 8px 16px;
}

JavaScript

//Смотри. createElement() создаёт элемент, но никуда его не вставляет. Он пока хранится в памяти, созданный, без свойств, без нихуя. Например:

var elem = document.createElement('div');
//Сейчас в переменной elem хранится <div></div>
//Давай добавим ему класс и запишем что-нибудь внутрь
elem.classList.add('block');
//Во-от. Заебок. Теперь у нас в памяти хранится <div class="block"></div>
//Пихнём в него содержимое
elem.textContent = "Джиперс Криперс";
//Теперь у нас в памяти <div class="block">Джиперс Криперс</div>
//Теперь можно и на страничку вставлять
//Я заранее пропишу стили к CSS-классу .block, так что ты сразу сможешь увидеть, сработало ли присваивание класса
document.body.appendChild(elem);