• 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

Hosting forpsi easy 1 pln
+1 głos
129 wizyt
pytanie zadane 3 kwietnia w HTML i CSS przez zbiku25 Bywalec (2,940 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 przez VBService Ekspert (246,010 p.)
wybrane 4 kwietnia 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 przez zbiku25 Bywalec (2,940 p.)
Extra! Dziękuję!

Podobne pytania

+1 głos
1 odpowiedź 80 wizyt
–1 głos
1 odpowiedź 1,588 wizyt
0 głosów
3 odpowiedzi 780 wizyt
pytanie zadane 3 listopada 2016 w HTML i CSS przez redstar1 Bywalec (2,200 p.)

92,092 zapytań

140,751 odpowiedzi

317,718 komentarzy

61,409 pasjonatów

Advent of Code 2023

Top 15 użytkowników

  1. 0p. - adrian17
  2. 0p. - wizarddos
  3. 0p. - Dewidos
  4. 0p. - Marcin Jasiński
  5. 0p. - Mateusz Sobala
  6. 0p. - Mateusz
  7. 0p. - NOONE
  8. 0p. - Adam Śpiewak
  9. 0p. - WhiskeyTaster
  10. 0p. - Rafał Budzis
  11. 0p. - Krzysztof Zawadka
  12. 0p. - tokox
  13. 0p. - TheLukaszNs
  14. 0p. - mjavor
  15. 0p. - Jakub Stępień
Szczegóły i pełne wyniki

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.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia w koszyku, uzyskując rabat aż -50% (jeszcze tylko dziś 30.11 z okazji Black Week, a potem będzie to 30%) na bilety w wersji "Standard"! Więcej informacji na temat akademii znajdziecie tutaj. Dziękujemy Sekurakowi za tak fajną zniżkę dla Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 15% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...