Text zwischen Linie

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Ozanshakur

Neues Mitglied
15 März 2021
12
1
3
20
Hallo, ich wollte eigentlich einen Text zwischen zwei Linien erstellen. Ich habe viele Codes dazu gesehen, doch nicht ist so wie ich es haben will.
Der Text sollte ungefähr so aussehen:

--oder--

Aber halt mit nur 2 Linien und nicht mit punkten zwischen den Linien.

Vielen Dank im vor raus!
 
Werbung:

AndreasB

Neues Mitglied
24 März 2019
26
2
3
Ich nehme mal an, du willst wissen, wie du es mit css umsetzen kannst?
Hast du es schon mit pseudo Elementen versucht?
CSS:
.text::before,
.text::after {
  content: "--";
}

Was meist du mit Punken zwischen den Linien?
 
Werbung:
Werbung:

Sempervivum

Senior HTML'ler
18 Oktober 2016
2.262
449
83
68
Mein Vorschlag: Mit Flex zentrieren:
Code:
        #cont-text-line {
            width: 15em;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #cont-text-line::before,
        #cont-text-line::after {
            content: '';
            /* width: 2em; */
            height: 2px;
            background-color: black;
            flex: 1;
        }
Je nachdem ob die Linien eine vorgegebene Breite haben oder ob freier Raum vorhanden ist, die Breite festlegen oder mit flex: 1; den freien Raum ausfüllen lassen.
 
  • Like
Reaktionen: annsen
Werbung:
Werbung: