需要解决文本顺风定位答案

【问题标题】：Need to solve tailwind positioning of text需要解决文本顺风定位
【发布时间】：2021-10-10 19:53:06
【问题描述】：

我无法使用 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>

【问题讨论】：

寻求代码帮助的问题必须包含重现它所需的最短代码在问题本身中最好在Stack Snippet 中。见How to create a Minimal, Reproducible Example
我做了一项研究，但找不到任何关于将文本定位在 2 种背景颜色中间的信息。
你还是要发minimal reproducible example

标签： css tailwind-css

【解决方案1】：

我刚刚想通了。我只需要使用一个 div 并使用 l=linear-gradient

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

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

【讨论】：