Wie Text in einem Flex Element unterschiedlich positionieren?
Hallo zusammen! Ich habe ein Parent Element mit einem Child Element drinnen. Das Childelement besteht aus einer h3 Überschrift und einer h5 Überschrift. Die h3 Überschrift soll zentriert sein, als irgendwas mit center. Die h5 Überschrift hingegen soll am linken Rand stehen. Wie bekomme ich das mit Flex Box hin? Mit justify-content: center; habe ich beides in die Mitte bekommen, aber ich möchte ja nur eins...
MfG Lass228
1 Antwort
Vom Beitragsersteller als hilfreich ausgezeichnet
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML
Ohne dein HTML kann man nur raten aber das wäre eine Lösung:
HTML
<section>
<h3>H3 ist zentriert</h3>
<h4>H4 ist rechts</h4>
<h5>H5 ist links</h5>
</section>
CSS
section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
h4 {
align-self: flex-end;
}
h5 {
align-self: flex-start;
}
Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.