css - 第二行文本关闭到另一边(CSS)

Question

在上图中，我的表单上有一个字段。我希望文本位于以红色突出显示的区域内。

我目前在该字段的 CSS 中设置了以下内容。

.checkbox-text{
    width: 300px;
    height: 50px;
    margin-left: 7px;
}

我需要做什么？

谢谢

Answer 1

CSS width 和 height 仅在元素处于 block 模式时有效，而不是内联模式，这是大多数文本元素的默认设置。

但是您仍然需要它也是内联的，以便它保持在页面流中的当前位置。

因此你需要行内 block 模式。您可以像这样将其添加到您的样式表中:

.checkbox-text{
    display:inline-block;
}

现在您的 height 和 width 属性将起作用。

希望对您有所帮助。