我正在嘗試將一個 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>
uj5u.com熱心網友回復:
您可以將flex實用程式類應用于您的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>
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/375068.html
標籤:css 拉拉维尔 顺风-css laravel-微风
上一篇:h3html下方的空框
下一篇:如何使sass按鈕修飾符類更通用
