我想创建一个<hr>使用 Tailwind CSS 进行分隔，但我想在中间添加一些文本，而不是跨越整个页面宽度的水平线。
例如：
----------------------------------- Continue -----------------------------
我在文档中找不到类似的内容。我怎样才能达到这个效果？
如有必要，我可以将 HTML 更改为除<hr>元素。这只是我知道如何创建水平线的唯一方法。
您可以使用此 HTML 语法来创建您想要的内容：
<div class="relative flex py-5 items-center">
<div class="flex-grow border-t border-gray-400"></div>
<span class="flex-shrink mx-4 text-gray-400">Content</span>
<div class="flex-grow border-t border-gray-400"></div>
</div>
看看这里的结果：https://play.tailwindcss.com/65JULZ5XES https://play.tailwindcss.com/65JULZ5XES
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
