JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Это заголовок</h1>

<p>Это абзац текста, в котором содержится <a href="http://google.com/">ссылка на Гугл</a>. После текста идет картинка:</p>

<img src="http://lorempixel.com/200/150/cats/" alt="Красивая картинка">

CSS

/* Элементы <a> (ссылки) имеют желтый фон */
a { background-color: yellow; }

/* Элемент <h1> (заголовок) написан шрифтом Arial (а если его нет в системе, 
    то стандартным шрифтом без засечек, sans-serif) лиловым цветом */
h1 { font-family: Arial, sans-serif; color: purple; }

/* Картинка заключена в черную штрихованную рамку шириной 1 пискель  */
img { border: 1px dashed black; }