Атрибут class

https://yocton.ru/html-elements/global-attributes/class

by yocton

HTML

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Атрибут class</title>
  </head>
  <body>
    <p class="first">Жили-были дед да баба. И была у них Курочка Ряба.</p>
    <p>Снесла курочка яичко, да не простое - золотое.</p>
    <p>Дед бил - не разбил.</p>
    <p>Баба била - не разбила.</p>
    <p>А мышка бежала, хвостиком махнула, яичко упало и разбилось.</p>
    <p>Плачет дед, плачет баба и говорит им Курочка Ряба:</p>
    <p>- Не плачь, дед, не плачь, баба: снесу вам новое яичко не золотое, а простое!</p>
    <p class="def">Русская народная сказка.</p>
  </body>
</html>

CSS

p {
  /* Обычный абзац */
  text-align: justify;
  /* Выравнивание текста по ширине */
}
/* буквица абзаца first */
p.first:first-letter {
  color: red;
  font-size: 2rem;
}
.def{
  text-align: right;
}