サイズの違う文章がロゴの隣で上下になる表現

Question

サイズの違う文章がロゴの隣で上下になる表現ができません。
検索しても私が求めてる内容のサイトに辿り着けず、質問失礼します。

この写真のようにしたいです。どうしても下側の文字がロゴの下に来てしまいます。

よろしくお願いします。

Answer 1

HTMLやCSSがないので、自分ならこうする、というソースコードを書いてみます。

<div class="d-flex">
  <div class="logo-area">
    <img class="logo" src="logo.png" alt="">
  </div>
  <div class="text-area">
    <p class="text-lg">PAS-POL</p>
    <p>旅のモノづくりブランド</p>
  </div>
</div>

.d-flex {
  display: flex;
}