Linie zwischen 2 Texten

oakmountain · 12. Januar 2022

Hallo,

ich stehe auf dem Schlauch und weiß gerade nicht wie ich die Linie zwischen den beiden Texten der Breite der ersten Textzeile anpassen kann.

Mit "text-decoration" bekomme ich den Abstand zu dem oberen Text nicht geändert

Mit "hr" und "border"bekomme ich die Linie nicht auf die richtige Breite

Hat jemand einen Denkanstoß für mich?

Sieger66 · 12. Januar 2022

Ich bin diesbezüglich nur Laie aber eventuell doch nützlich:

Code

<div style="text-align: center;">Testzeile</div>
<hr  style="margin-left: 40%; width: 20%;">
<div style="text-align: center;">
BLA bLA BAL BLA &Ouml;Llkjlkjlkj lkjlkj&ouml;klj &ouml;lkj&ouml;lkj&ouml;kljkln,&ouml;m n&ouml;klj&ouml;klj&ouml;kln&ouml;lk j&ouml;kljlk&ouml;klj &ouml;lkjlk
</div>

CurlY BracketS · 12. Januar 2022

Du könntest das mit folgendem probieren:

Code

<p style="text-decoration:underline; text-underline-offset:2em; text-decoration-thickness: 0.1em">Sicher in die Zukunft mit L&R</p>

christine2 · 12. Januar 2022

Hallo,

1) hab das jetzt nur temporär obiges probiert. Allerdings dieses margin-left weggelassen.

2) Versucht, die Seite zu finden, ähnliches (aber nicht wie die in Deinem abgebildeten screenshot, Überschrift) gefunden:

Code

.custom {
 border-bottom: 2px solid blue; 
 text-align: center; 
}

3) Ein Link wäre da natürlich besser ........

Liebe Grüße

Christine

Edit: Hallo Chris, unsere Posts haben sich überschnitten. Deines muss ich erst lesen.

oakmountain · 12. Januar 2022

Hallo Christine,

da hast Du die aktuelle Liveseite gefunden.

Arbeite aber gerade an einem neuen Layout auf einer Entwicklungsdomain.

Probiere mal die vorgeschlagenen Sachen aus, und dann poste ich den entsprechenden Link.

Zitat von CurlY BracketS
Du könntest das mit folgendem probieren:
Code
<p style="text-decoration:underline; text-underline-offset:2em; text-decoration-thickness: 0.1em">Sicher in die Zukunft mit L&R</p>

Danke, das ist die Lösung.

"text-underline-offset" hat mir gefehlt

Danke Euch für die Hilfe