linia hr z przerwą i napisem pośrodku

Question

Czy jest możliwe zrobienie linii (znacznik hr) z jedną przerwą na środku w w tej przerwie napis?

Np. --- NAPIS ---

Comments

Nie, użyj :after i :before dla elementu, w którym znajduje się napis :)

---

@xmentor, podasz przykład kodu, bo nie bardzo rozumiem? Za pomocą css chcesz przed i za elementem wstawić <hr>?

---

Za pomocą css-a zrobić linie przy użyciu :before(po jednej stronie) i :after(po drugiej)

Jeśli napis masz np. w divie, to dla tego diva ostyluj pseudo-elementy.

https://developer.mozilla.org/en-US/docs/Web/CSS/::after

https://developer.mozilla.org/en-US/docs/Web/CSS/::before

Answer 1

Jest możliwe, znacznik hr z napisem w środku:

http://codepen.io/anon/pen/MbWjgx

Comments

W tym wypadku zastanowiłbym się nad semantyką całego rozwiązania. hr jest mimo wszytko bardzo specyficznym znacznikiem i w jego przypadku tekst raczej nie jest wskazany.

Answer 2

Flexbox! http://codepen.io/Comandeer/pen/BQazwR – oczywiście przy użyciu pseudoelementów, jak xmentor wspominał.

Answer 3

Może to nie najlepsze rozwiązanie ale taki przykład.

http://codepen.io/jaca121212/pen/yVLJaK