Stylizowanie elementów obok siebie

Czesc, chciałbym się dowiedzieć w jaki sposób wystylizować elementy w taki sposób, by teksty były pod sobą natomiast przycisk znajdował się po prawej stronie i był wyśrodkowany do wysokości nagłówka.

 <header>
                
            <h1 class="logo-text">LOREMIPS</h1>
            <p class="under-logo-text">Lorem ipsum dolor sit amet!</p>
            <a href="#" class="register-button">Joins us</a>

 </header>

Nie mam takiej wyobraźni jak Ty, pokaż na rysunku w paincie o co Ci chodzi.

Wstaw do tego headera dwa divy, zrób je inline-block, w pierwszym daj treść, a w drugim link/przycisk.

zrób diwa z id 'wrapper' w nim umieść 2 diwy z id div1 i div2 . W Css dodaj #wrapper{display : flex} ; #div1{width: 80%} ; #div2{flex: 1} . Następnie dodaj te teksty do diva z id div1 a przycisk do diva z id div2