如何将textarea与标签内联，使textarea保持正常的流程并环绕标签。

Question

我已经搜索了类似的问题，但似乎没有一个问题能解决这个特殊的问题，我想做的是完成类似这样的事情，其中 "Label "是实际的标签，而"-"代表我的文本区域，我尝试了从浮动到内联元素的所有方法，但我就是想不通，有什么方法可以完成这个任务？

Label -------------------
-------------------------
-------------------------

其中 "Label "是实际的标签 "-"代表我的文本区域，我试过所有的方法，从浮动到内联元素，但我就是想不通，有什么方法可以实现这个目标？橆 当文本区域可以滚动时，如何将标签设置为绝对值，从而隐藏文本？

Answer 1

我不知道这样做的一个 <textarea> 而不涉及JS，但你可以随时使用内容可控的

div[contenteditable] {
  border: 2px solid;
  font-size: 1.2em;
  width: 200px;
  height: 200px;
}

[contenteditable]>span {
  color: orange;
}

<div contenteditable>
  <span contenteditable="false">Label:</span>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae rhoncus felis, vel auctor tortor. Nunc porttitor arcu eget luctus feugiat.
</div>

当然还有改进的空间，需要管理。