在文本标题后输入

如何解决在文本标题后输入

我试图在文本结束后立即输入。 （不是在包含文本的 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;
    }

有什么想法吗？

解决方法

您可以通过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>