tailwindcss文字在背景图右边

你可以使用 Tailwind CSS 的强大工具来实现文字在背景图右边的效果。具体步骤如下：

1. 设置背景图样式：使用 `bg-cover` 类来设置背景图片的样式，使其完全覆盖父容器。

<div class="bg-cover" style="background-image: url('your-image-url');">
  <!-- Your content goes here -->
</div>

2. 设置文字样式：使用 `text-right` 类来将文字右对齐，并使用 `ml-auto` 类将文字推到背景图片的右侧。

<div class="bg-cover" style="background-image: url('your-image-url');">
  <div class="text-right">
    <p class="ml-auto">Your text here</p>
  </div>
</div>

3. 调整文字位置：使用 `mt-10` 类来将文字向下移动一些距离，以避免与背景图片重叠。

<div class="bg-cover" style="background-image: url('your-image-url');">
  <div class="text-right mt-10">
    <p class="ml-auto">Your text here</p>
  </div>
</div>

通过这些简单的步骤，你就可以轻松地实现文字在背景图右边的效果。