Html 相对于输入字段的小帮助文本

我需要将一个小的帮助文本直接放在文本输入字段下，如果该字段缩进（例如，通过我的示例中的单选按钮），那么帮助文本也应该缩进

我正在尝试的一个例子如下：

#输入{
宽度：150px；
显示：内联；
}
#密码帮助块{
字体大小：x-small；
显示：块；
}

200,00欧元


欧元
最低2.00欧元

您可以将输入和帮助文本包装在

中，使其成为

内联块

请参阅代码片段：

#输入{
宽度：150px；
显示：内联；
}
#密码帮助块{
字体大小：x-small；
显示：块；
}
.输入帮助{
垂直对齐：顶部；
显示：内联块；
}

200,00欧元


欧元
最低2.00欧元

#输入{
宽度：150px；
显示：内联；
}
#密码帮助块{
字体大小：x-small；
显示：块；
}
.p-l-none{
左侧填充：0px！重要；
}

200,00欧元
欧元
最低2.00欧元

如何使用？ 此处，填充将仅应用于

.text muted

，其前面是输入类型radio和标签。（只是为了匹配您当前的html） 如果没有单选按钮/标签，则填充将不适用

#输入{
宽度：150px；
显示：内联；
}
#密码帮助块{
字体大小：x-small；
显示：块；
}
输入[类型=收音机]+标签+.文本静音{
左侧填充：60px；
}

200,00欧元


欧元
最低2.00欧元

在

文本静音的

选择器中添加一些填充怎么样<代码>左侧填充：70px？@BrandonElder:这不够灵活，正如我提到的，在某些情况下，相同的标签和输入字段显示时没有单选按钮，因此必须调整填充…是的，我想。我对这个问题的解决办法很好奇，我也是。我尝试了很多组合，在不同的地方插入div，但都找不到任何有效的组合。引导CSS在这一切中的作用在哪里？您标记了它并将其包含在标题中，但这里没有。使用padding left属性进行垂直对齐是一种不可靠且不通用的解决方案。我认为在本例中是水平对齐，@GlebKemarsky。我仍然喜欢这个建议，因为我不知道你甚至可以在CSS中做这种事情。也许有一天它会派上用场。这就是我要找的！！谢谢谢谢，你的解决方案还不错，但它重新格式化了我的表单，所以我更喜欢@collinger的。那很好。你得到了你的解决方案。：）