Html 如何使表单选项弹出到单选按钮标签的左侧

我写了以下内容：

。如果激活，则显示{
不透明度：0；
最大高度：0；
溢出：隐藏；
}
输入[type=“radio”]：选中~。如果激活，则显示，
输入[type=“checkbox”]：选中~。如果激活，则显示{
不透明度：1；
最大高度：100px；
/*有点神奇的数字：（*/
溢出：可见；
}

我更喜欢狗
我更喜欢猫

正如@FabioCalderan的评论所提到的，多亏了他，我们可以简单地将显示：内联块添加到类。如果处于活动状态，则显示，将选项弹出到单选按钮和标签的同一行

。如果激活，则显示{
显示：内联块；
不透明度：0；
最大高度：0；
溢出：隐藏；
}
输入[type=“radio”]：选中~。如果激活，则显示，
输入[type=“checkbox”]：选中~。如果激活，则显示{
显示：内联块；
不透明度：1；
最大高度：100px；
/*有点神奇的数字：（*/
溢出：可见；
}

我更喜欢狗
我更喜欢猫

如果将display:inline block添加到。显示是否处于活动状态，是否达到了预期效果？哦！我完全忘记了！谢谢@FabrizioCalderan！这完全有帮助！：）