我正在嘗試制作 flexbox，但我在控制特定元素時遇到問題。 請幫助（TailwindCSS CDN）

Question

我正在嘗試使用 TailwindCSS 制作 Flexbox，但在將元素與另一個元素對齊時遇到問題。

當前代碼：

 <div class="flex"> {% if picture:= "None" %} <img alt="profile picture" src="{{ picture }}" class="rounded object-fit h-20 cursor-not-allowed"> {% else %} <img alt="Repl Stories" src="https.//i.ibb.co/pnJswr2/50e5076526fb3d02fda4bce1f8e6e7d7.png" class="cursor-not-allowed object-fit h-20"> {% endif %} <h2 class="m-2 font-bold text-xl text-base">selectthegang</h2> <p class="text-gray-700 text-base mt-12 text-left flex-none">Creator of Repl Stories</p> </div>

我正在嘗試使“Repl Stories 的創建者”與“selectthegang”保持一致

HTML 返回的圖片：

Answer 1

將 h2 和 p 元素包裝到另一個 div 中。 :)