如何在 Laravel breeze 中在 tailwind-css 中水平对齐图像
How can I align image horizontally in tailwind-css in Laravel breeze
我正在尝试将一个 omg 与文本对齐,但标签 <p>
打断了该行。我想做这样的事情
但我的代码就是这样做的
,这就是我的代码:
<div class="mb-10 mx-auto w-full max-w-sm fixed top-4 left-6 inline-block">
<div >
<a href="">
<img src="../Assets/Img/logo.svg" class="h-10 w-10" alt="">
<div class="space-y-2 text-left">
<p class="font-bold text-purple-700 text-2xl">Vuexy</p>
</div>
</a>
</div>
</div>
您可以将 flex
实用程序 class 应用到您的 a
元素。
<div class="mb-10 mx-auto w-full max-w-sm fixed top-4 left-6 inline-block">
<a href="" class="flex">
<img src="../Assets/Img/logo.svg" class="h-10 w-10 mr-4" alt="">
<p class="font-bold text-purple-700 text-2xl">Vuexy</p>
</a>
</div>
我正在尝试将一个 omg 与文本对齐,但标签 <p>
打断了该行。我想做这样的事情
但我的代码就是这样做的
,这就是我的代码:
<div class="mb-10 mx-auto w-full max-w-sm fixed top-4 left-6 inline-block">
<div >
<a href="">
<img src="../Assets/Img/logo.svg" class="h-10 w-10" alt="">
<div class="space-y-2 text-left">
<p class="font-bold text-purple-700 text-2xl">Vuexy</p>
</div>
</a>
</div>
</div>
您可以将 flex
实用程序 class 应用到您的 a
元素。
<div class="mb-10 mx-auto w-full max-w-sm fixed top-4 left-6 inline-block">
<a href="" class="flex">
<img src="../Assets/Img/logo.svg" class="h-10 w-10 mr-4" alt="">
<p class="font-bold text-purple-700 text-2xl">Vuexy</p>
</a>
</div>