在文本标题后输入

Question

我正在尝试在文本结束后立即输入。(不在包含文本的div之后)。

如下所示：

​

但我不知道该怎么做。我试图将它放在一个绝对位置，但当我调整窗口大小时，它会与文本和输入重叠。

这是我的css：

  .div-heading {
      position: relative;
    }

  .heading-2 {
    font-size: 52px;
  }
    
  .search{
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: -89px;
      margin-left: 239px;
      padding-left: 10px;
    }

有什么想法吗？

Answer 1

您可以通过display: inline来实现

​

div {
  width: 300px;
  word-break: break-all;
  white-space:normal;
}
label, input {
  display: inline;
}

input {
  width: 80px;
}

 <div>
    <label for="spd">VERYVERYVERYVERYVERYVERYVERYVERYVERYVERYVERYVERYVERYERYVERYVERYVERYVERYVERY</label> <input type="text" name="spd" id="spd" />
  </div>

​