Css 如何在移动设备上将复选框和文本保持在同一行？

如何使复选框后的文本在iPhone/iPad或任何其他移动设备上保持不变

根据要求，HTML

<input class="sf-input-checkbox" value="film-en-tv"
name="_sft_feesttype[]" id="sf-input-58f5ef0e0b857a1a5c8674157bbb464f"
type="checkbox">

我想让它保持在电脑上的样子。像这样：

X Text-checkbox

我也不介意它最终会变成这样：

X
  Text-checkbox

X Text-
  checkbox

它必须正确对齐

我已经试着缩小文本，但我只能走这么远，直到文本无法阅读为止

---

这里有人知道一个好的解决方案吗？

请参阅答案以供参考：

我使用的方法如下：

参考答案：


我使用的方法如下：


请发布您的HTMLQuestions，寻求代码帮助必须包含在问题本身中复制所需的最短代码。请看，我们还需要查看换行的文本，@steggie您解决问题了吗？我遇到了同样的问题。请发布你的HTMLQuestions，寻求代码帮助，必须包含在问题本身中复制所需的最短代码。请看，我们还需要查看换行的文本，@steggie您解决问题了吗？我遇到了同样的问题。