• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Linia pozioma po prawej i lewej stronie napisu

Cloud VPS
+1 głos
504 wizyt
pytanie zadane 3 kwietnia 2023 w HTML i CSS przez zbiku25 Gaduła (3,000 p.)
Cześć,

Jaki jest najprostszy Waszym zdaniem sposób na dodanie linii poziomej po lewej i prawej stronie wyśrodkowanego zapisu, umieszczonej na połowie jego wysokości, sięgającej do brzegów diva? Coś takiego jak poniżej (tylko mi chodzi o linię ciągłą a nie kreskowaną):

 

---------------------------------------------- KOSZYK -----------------------------------------

2 odpowiedzi

+2 głosów
odpowiedź 3 kwietnia 2023 przez VBService Ekspert (256,600 p.)
wybrane 4 kwietnia 2023 przez zbiku25
 
Najlepsza

Proponuje użycie <hr> z content: attr()

więcej przykładów: on-line (+ linear-gradient)

<hr data-text="koszyk">
hr {
  overflow: visible;
  padding: 0;
  text-align: center;
  border: none;
  border-top: 2px solid black;
}
hr:after {
  content: attr(data-text);
  display: inline-block;
  position: relative;
  top: -0.5em;
  font: 400 1.1em/1 system-ui;
  text-transform: uppercase;
  padding: 0 1em;
  background-color: white;
}

 

komentarz 4 kwietnia 2023 przez zbiku25 Gaduła (3,000 p.)
Extra! Dziękuję!

Podobne pytania

+1 głos
1 odpowiedź 152 wizyt
0 głosów
4 odpowiedzi 659 wizyt
pytanie zadane 9 maja 2024 w HTML i CSS przez V&Johnny Nowicjusz (240 p.)
–1 głos
1 odpowiedź 1,920 wizyt

93,488 zapytań

142,422 odpowiedzi

322,772 komentarzy

62,906 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Kursy INF.02 i INF.03
...