Разделитель слева
Конфедерация представляет собой теоретический кризис легитимности, такими словами завершается послание Федеральному Собранию.<div class="xl-text-left">
Ваш заголовок или текст
<div class="divider short left"></div>
Ваш текст
</div>
Разделитель по центру
Конфедерация представляет собой теоретический кризис легитимности, такими словами завершается послание Федеральному Собранию.<div class="xl-text-center">
Ваш заголовок или текст
<div class="divider short center"></div>
Ваш текст
</div>
Разделитель справа
Конфедерация представляет собой теоретический кризис легитимности, такими словами завершается послание Федеральному Собранию.<div class="xl-text-right">
Ваш заголовок или текст
<div class="divider short right"></div>
Ваш текст
</div>
Пунктирный разделитель
Конфедерация представляет собой теоретический кризис легитимности, такими словами завершается послание Федеральному Собранию.<div class="xl-text-center">
Ваш заголовок или текст
<div class="divider short dashed center"></div>
Ваш текст
</div>
Точечный разделитель
Конфедерация представляет собой теоретический кризис легитимности, такими словами завершается послание Федеральному Собранию.<div class="xl-text-center">
Ваш заголовок или текст
<div class="divider short dotted center"></div>
Ваш текст
</div>
Цветной разделитель
Конфедерация представляет собой теоретический кризис легитимности, такими словами завершается послание Федеральному Собранию.<div class="xl-text-center">
Ваш заголовок или текст
<div class="divider short color center"></div>
Ваш текст
</div>
Короткий разделитель
Конфедерация представляет собой теоретический кризис легитимности, такими словами завершается послание Федеральному Собранию.<div class="xl-text-center">
Ваш заголовок или текст
<div class="divider short center"></div>
Ваш текст
</div>
Длинный разделитель
Конфедерация представляет собой теоретический кризис легитимности, такими словами завершается послание Федеральному Собранию.<div class="xl-text-center">
Ваш заголовок или текст
<div class="divider long center"></div>
Ваш текст
</div>
Тонкий разделитель
Конфедерация представляет собой теоретический кризис легитимности, такими словами завершается послание Федеральному Собранию.<div class="xl-text-center">
Ваш заголовок или текст
<div class="divider short thin center"></div>
Ваш текст
</div>
Вы легко можете настроить разделитель под определенные нужды. За основу берем <div class="divider"></div> и поочередно добавляем классы:
short - короткий long - длинный
left - расположение слева center - расположение по центру right - расположение справа
dashed - пунктирный dotted - точечный color - цветной thin - тонкий
К примеру, Вам нужен длинный, тонкий, пунктирный и цветной разделитель по центру, то получится <div class="divider long thin dashed color center"></div>