Positionsänderung :before

Hallo,

ich würde gerne ein "+" Zeichen, das ich über :before eingesetzt habe in der Position ändern

Momentan ist es so formatiert:

.g-accordion .uk-accordion-title::before {

content: "";

font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome;

font-weight: 900;

vertical-align: top;

margin-right: 10px;

}

Ich hätte das "+" gerne mittig vor den 2 Zeilen (siehe Abbildung)

Über margin-right kann ich zwar den Abstand nach rechts steuern, über margin-bottom aber nicht den Abstand nach unten

Auch vertical-align: middle ändert nichts

Jemand eine Idee, oder ist das so über CSS gar nicht möglich?

Zitat von kitepascal

Die Seite ist lr finazkonzeppet - den Spoiler find ich jedoch nicht - wohl eine Testseite. Schwerig eine pauschale CSS Strategie zusammenzuschreiben, ohne in den Entwicklertools an tatsächlichem Gerüst schrauben und testen zu können.

oakmountain Schau dir das mal an:

https://stackoverflow.com/ques…seudo-element-like-a-grid

Super, das hat mir sehr geholfen.

Die Seite an der ich Arbeit ist noch in Entwicklung und nur unter einem Verzeichnisschutz online.

Habe es jetzt so gelöst:

.g-accordion .uk-accordion-title::before {

content: "";

font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome;

font-weight: 900;

vertical-align: middle;

text-align: left;

margin-right: 10px;

display: table-cell;

}

h3.uk-accordion-title {

display: table;

text-align: center;

}

Zitat von WM-Loose

https://www.oakmountain.de/

Wenn ich mich recht erinnere (hoffe es stimmt mein Namensbruder).

Wer bist Du?

Zitat von WM-Loose

Auch ein Dirk und Mediendesigner

Ok, aber wir kennen uns nicht persönlich, oder?