How to align the contents of the cards on one line?

Question

css

https://codepen.io/Icat/pen/OdXWbb
Pictures have different sizes.
The task is to align everything that comes after the pictures, i.e. so that the text 'hello' and 'world' are on the same line.
using flex or bootstrap

Answer 1

If I understand you correctly, then as an option like this:

Answer 2

Answer 3

Wrap text in a block with class flex

<div class="flex">
    <h2>Hello</h2>
    <p>World</p>
    </div>

.flex {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}