Gleiche Höhe trotz Bild?

  • Hallo,


    Ich Frage mich, ob es eine Möglichkeit gibt, dass die Zeilen "Kategorie" und "Autor" auf einer Höhe bleiben, obwohl ich das Bild vergrößere. Das es sich nach oben anstatt nach unten vergrößert oder so. Ich habe keine Ahnung was man da machen kann, darum frage ich ja euch! ;)


    html:

    Code
    <body>
        <h1 class="ueberschrift"> blablabla</h1>
        <div class="beitragsinformationen">
        <div class="kategorie">´Kategorie:<img src="https://wishpacker.lima-city.de/Joomla/images/kategoriebilder/ets2.png"> Euro Truck Simulator 2</div>
        <div class="autor">Autor: Mustermann</div></div>
        <p class="inhalt"> Hier steht irgendwas</p>
      </body>


    css:


    https://wishpacker.lima-city.d…s/grosse_bilder/index.htm

  • Ein wenig ungünstig geschachtelt aber wenn ich das HTML beibehalte, funktioniert es mit diesem CSS:

    Code
            .beitragsinformationen,
            .kategorie {
                display: flex;
                align-items: center;
            }

    Je nachdem, wie die Element ausgerichtet sein sollen, kannst Du für align-items auch flex-start oder flex-end nehmen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!