Я пытаюсь создать гибкий ящик, но у меня возникли проблемы с управлением определенным элементом

#html #css #tailwind-css

#HTML #CSS #попутный ветер-css

Вопрос:

Я пытаюсь создать Flexbox с помощью TailwindCSS, но у меня возникли проблемы с выравниванием одного элемента с другим.

Текущий код:

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

Я пытаюсь привести «Создателя реплик» в соответствие с «selectthegang».

Изображение того, что возвращает HTML:

Изображение того, что возвращает HTML

Ответ №1:

Оберните элементы h2 и p в другой раздел. 🙂