Материализация делителя с текстом в середине - PullRequest
Новая
       5

Материализация делителя с текстом в середине

0 голосов
/ 21 октября 2018

Привет всем, кто знаком с материализацией.Я хотел бы сделать разделитель: 

<div class="divider"></div>

Выглядит примерно так: Text divider

Это в основном разделитель с текстом посередине.у кого-нибудь есть решение?Если бы не с делителем материала даже с другими html и css, все было бы в порядке

Спасибо

1 Ответ

0 голосов
/ 21 октября 2018

Я фанат обтекания текста div с фиксированной высотой.Затем position: relative текст внутри div.Смотрите фрагмент ниже.

.wrapper {
  background-color: black;
  height: 1px;
  margin: 32px 0 0;
  text-align: center;
}

span {
  position: relative;
  top: -8px;
  padding: 0 15px;
  font-weight: 500;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 1em;
  color: #000000;
  background: #ffffff;
}
<div class="wrapper">
  <span>OR</span>
</div>
...