Beispielcode für CSS, um horizontale Linien auf beiden Seiten des Textes zu erzielen

In diesem Artikel wird der CSS-Beispielcode vorgestellt, mit dem der Effekt horizontaler Linien auf beiden Seiten der Textmitte erzielt werden kann. Die spezifischen Hinweise lauten wie folgt:

Wirkung:

<!doctype html>
<html lang="de">
<Kopf>
    <meta charset="UTF-8">
    <meta name="Ansichtsfenster"
          content="Breite=Gerätebreite, benutzerdefiniert skalierbar=nein, Anfangsmaßstab=1,0, Maximalmaßstab=1,0, Minimalmaßstab=1,0">
    <meta http-equiv="X-UA-kompatibel" content="ie=edge">
    <title>Dokument</title>
    <Stil>
        .Titel{
            Textausrichtung: zentriert;
            Position: relativ;
            Höhe: 50px;
            Zeilenhöhe: 50px;
            Breite: 800px;
            Rand: 200px automatisch;
        }
        .title:nach,.title:vor{
            Inhalt: "";
            Position: absolut;
            oben: 50 %;
            Hintergrund: #7a7a7a;
            Höhe: 1px;
            Breite: 35%;
        }
        .title:nach{
            links: 0;
        }
        .title:vor{
            rechts: 0;
        }
    </Stil>
</Kopf>
<Text>
    <div class="title">CSS, um den Effekt horizontaler Linien auf beiden Seiten der Textmitte zu erzielen</div>
</body>
</html>

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Detaillierte Erläuterung des Problems der Übereinstimmung, selbst wenn in der MySQL-Abfragebedingung am Ende der Zeichenfolge ein Leerzeichen steht

Artikel

Beispielcode für CSS, um horizontale Linien auf beiden Seiten des Textes zu erzielen

Detaillierte Erläuterung des Problems der Übereinstimmung, selbst wenn in der MySQL-Abfragebedingung am Ende der Zeichenfolge ein Leerzeichen steht

Eine kurze Analyse der expliziten Typkonvertierung von MySQL

Zusammenfassung des Wissens über Einbettungsanweisungen, die Vue-Ingenieure kapseln müssen

Vue3.0+vite2 implementiert dynamisches asynchrones Lazy Loading von Komponenten

Implementierungsschritte zum Erstellen eines lokalen Webservers auf Centos8

WebWorker kapselt JavaScript-Sandbox-Details

Eine einfache Möglichkeit, den CSS-, JavaScript- und Hintergrundbild-Cache im Browser zu leeren

CSS erzielt den Effekt der Vermischung zweier Elemente (Sticky-Effekt)

Bootstrap realisiert den Karusselleffekt

So installieren Sie JDK und legen Umgebungsvariablen in Linux fest (dieser Artikel reicht aus)

Artikel empfehlen

Eine kurze Diskussion über HTML-Dokumenttypen und -Kodierung

Was bedeuten CN2, GIA, CIA, BGP und IPLC?

Detailliertes Tutorial zur Installation des FTP-Servers im CentOS 8-System und zur Konfiguration des passiven Modus

Detaillierte Erklärung des daily_routine Beispielcodes in Linux

Deaktivieren Sie die automatische Vervollständigung in HTML, damit der Verlauf nicht angezeigt wird

Ein Beispiel für das elegante Schreiben von Statusbeschriftungen im Vue-Hintergrund

MySQL 5.7.29 + Win64-Dekomprimierungsversion Installations-Tutorial mit Bildern und Text

MySQL-Abfrageoptimierung mit benutzerdefinierten Variablen

Problem beim Abrufen des Root-Passworts in MySQL 5.7 unter Linux (getestet und verfügbar)

Eine vorläufige Studie zu zusammengesetzten Primärschlüsseln und gemeinsamen Primärschlüsseln in SQL-Anweisungen

Detaillierte Erklärung zur Verwendung der Vue-Komponente zur Kennzeichensuche

So verwenden Sie JS zum Parsen des Excel-Inhalts in der Zwischenablage

Konvertieren von XHTML-CSS-Seiten in Druckerseiten

Lösung, wenn Docker plötzlich vom externen Netzwerk nicht mehr erreichbar ist

So verwenden Sie React-Slots