Test

  <div class="rule">

    <div class="rule-header">

      <span class="rule-number">1.</span>

      <span class="rule-title">Название правила</span>

    </div>

    <div class="rule-description">

      <big>Краткое описание сути</big>

      Подробное описание правила. Здесь можно использовать <strong>выделение</strong> и списки:

      <ul>

        <li>Первый пункт списка</li>

        <li>Второй пункт списка</li>

      </ul>

    </div>

  </div>

  <div class="rule">

    <div class="rule-header">

      <span class="rule-number">2.</span>

      <span class="rule-title">Другое правило</span>

    </div>

    <div class="rule-description">

      <big>Важное дополнение</big>

      Текст правила и так далее.

    </div>

  </div>

  <!-- Добавьте остальные правила по аналогии -->