Html 复选框标题和文本在一个标签中

我一直在尝试为以下项目（包括垂直对齐）提供合适的样式：

输入{
垂直对齐：底部对齐；
顶部：-5px；
}
标签{
显示：内联；
}

标题文本和标签文本在一行中
标题文本和标签文本在一行中
标题文本和标签文本在一行中

标题元素默认采用

display:block

，您需要为

h6

添加

display:inline block

输入{
垂直对齐：中间对齐；
}
标签{
显示：块；
}
标签h6{
显示：内联块；
垂直对齐：中间对齐；
保证金：0；
}

标题文本和标签文本在一行中
标题文本和标签文本在一行中
标题文本和标签文本在一行中

尝试

---

从输入中删除top。

这里是另一个示例：

标签{
显示：表格；
}
标签输入，标签h6{
显示：内联；
垂直对齐：中间对齐；
}

标题文本和标签文本在一行中
标题文本和标签文本在一行中
标题文本和标签文本在一行中

能否上载工作链接此解决方案似乎在代码段的范围内工作，但在我的网站上不起作用。我尝试添加

！重要信息

，但它仍然不会显示在一行上。您可以共享您的站点链接吗？空白的

被添加到您的代码中，标签文本也用换行，所有标签都用一个标签换行。。所以请格式化你的代码。。当你从wp内容区添加内容时，不要添加任何空格，它是空白的你的意思是把所有的

放在一个

下？不，不是这样的。你能检查你的代码吗？这样你就能知道问题出在哪里了。。

label{
  display: block;
}
input, h6{
  display: inline-block
  vertical-align: middle;
}