H1タグとLiタグを横並びにする方法

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）HTML　現在プログラミングを練習中で簡単な商品紹介サイトを作ろうとしています

発生している問題・エラーメッセージ

タグ同士を横並びにする方法が分かりません

該当のソースコード

<header>
  <div class="header-top">
    <h1 id="logo">Kozen</h1>
      <ul>
        <li>
          <a href="#">このサイトについて</a>
        </li>
        <li>
          <a href="#">商品概要</a>
        </li>![イメージ説明](314e3534dc645c2306a165cd3e9e6370.png)
        
      </ul>
  </div>
</header>

試したこと

検索など試行錯誤しましたが分かりませんでした

補足情報（FW/ツールのバージョンなど）

VScodeを使用させていただいています

Answer 1

こんばんは。

フレックスを使って横並びにするといいかと思います。

.header-top{
  display: flex;
}

リストの中身も横並びにしたいなら、同様に ul に display: flex を当ててください。

Comments

[3i5ps_]

こんばんは

解決できました！有り難うございます