需要解决文本顺风定位

Question

我无法使用 Tailwind CSS 类设置正确的文本位置。我希望文本在两种不同背景颜色的中间居中。

这是想要的设计：

这是我用我的代码得到的：

<div class="bg-white font-circularstd -mt-12 z-0">
<div class="flex flex-col">
  <div class="bg-orange-bgbody2 w-720 h-800">
    <h2 class="text-center text-md3 pt-139">Promoted Jobs</h2>
    <p class="text-center text-md2 pt-16">
      These opportunities are shown on every page of our site and shared
      daily on our Twitter account.
    </p>
  </div>
</div>

Answer 1

我刚刚弄明白了。我只需要使用一个 div 并使用 l=linear-gradient

首先我们需要转到tailwind.config.js并添加以下代码：

theme: {
extend: {
   backgroundImage: {
    'split-colors': "linear-gradient(90deg, #FFEED9 50% , white 50%);"
  }
 }

需要解决文本顺风定位

Need to solve tailwind positioning of text

css

tailwind-css