html将两个form重叠,html – 如何在rails中的simple_form中将两个div放在同一行上？

将两个div放在同一行上是一个老问题.但是在rails中使用simple_form时我找不到解决方案.我想要做的是在同一行显示内容及其标签.标签的宽度为125px(.left),内容位于右侧(.right).标签中的文本与右侧对齐,内容中的文本与左侧对齐.

Proj Name：

must have a name

这是CSS：

.simple_form div.left {

float: left;

width: 125px;

text-align: right;

margin: 2px 10px;

display: inline;

}

.simple_form div.right {

float: left;

text-align: left;

margin: 2px 10px;

display: inline;

}

但是,在结果中,有一个换行符,如下所示：

Proj Name：

must have a name

简单形式的erb代码是：

Proj Name：

我不想使用表而只使用CSS来解决问题.