Javascript 如何在跨距宽度内强制输入类型文本

我有两个输入文本字段

他们的css将其定义为宽度：100%

我以前使用表并将其拆分为2个td单元，因此我将该单元分别定义为60%：40%，并将输入类型文本字段放入2个td中，大小调整工作正常

但是由于一些对齐问题，我删除了表

我更喜欢使用span，所以我做了一个

<span style="width:60%"> INPUT TYPE TEXT</span>
<span style="width:40%"> INPUT TYPE TEXT</span>

输入类型文本
输入类型文本

但问题是输入文本占用了整个100%的宽度，而不是停留在跨度内

如何使其看起来与表格单元格中的一样

---

谢谢

使用

display:inline block

和

float:left

等属性

<span style="width:60%;display:inline-block;float:left"> INPUT TYPE TEXT</span>
<span style="width:40%;display:inline-block;float:left"> INPUT TYPE TEXT</span>

输入类型文本
输入类型文本

输入类型文本
输入类型文本
Span元素不包含全宽度，即100%宽度，因为内联元素不能具有宽度。您需要设置显示：内联块；或者使用float:left；关于它们：

span{
  float: left;
}

请显示复制问题所需的完整代码。我们不知道你的css是什么样子