So halten Sie ein Objekt an zentriertem Text ausgerichtet ⇐ HTML

[Guest]

Gibt es eine Möglichkeit sicherzustellen, dass meine Hervorhebungsleiste über meiner Kopfzeile immer am Anfang des ersten Wortes ausgerichtet bleibt? Dies funktioniert, wenn der Text in der Kopfzeile links ausgerichtet ist. In diesem Fall muss der Text im Design jedoch mittig ausgerichtet sein. Wenn der Bildschirm kleiner wird, verschiebt sich der Text und die Leiste bleibt dort, wo sie ist. Sie sollte immer dem Text folgen.
Eine meiner Anforderungen ist, dass dies reaktionsfähig ist.


Ich habe versucht, den Balken an das erste Wort zu binden, aber in den meisten Fällen führt dies dazu, dass der Header nicht angezeigt wird Um richtig angezeigt zu werden und nicht richtig zu reagieren, habe ich versucht, es relativ/absolut zu positionieren und um einen Prozentsatz nach links zu verschieben, aber es bleibt größtenteils an Ort und Stelle und wenn der Text verschoben wird, tut dies der Balken nicht.Dieses Projekt notieren verwendet React, MUI.
Markup zum Neuerstellen:

Code: Select all

{dividertype === 'Image' ? (

) : (

)}







{

}