Javascript css对齐多行内容右侧的可编辑内容

我正在尝试用html css等制作一个基本的多行输入表单。。。对于输入，我使用contenteditable=“true”span而不是常规span，而且我不想使用表

也就是说，我正在尝试创建一行文本“标签”和输入框，如下图所示：

除了contenteditable到达多行之外，所有内容或多或少都可以正常工作。我需要多行的东西，以符合标签，而不是重置为行的开始。以下是迄今为止的代码：

输入、.new\u输入{
边界：0；
大纲：0；
背景：透明；
边框底部：1px纯黑；
}
1.什一税{
显示：内联块；
文本对齐：右对齐；
宽度：80px；
左边距：-20px；
}
#文字编辑{
位置：绝对位置；
最大宽度：300px；
边框：1px#0F23D5实心；
填充：4px；
背景：#A1C9E4；
边界半径：15px；
填充：15px；
}

意思
一些默认文本

语音的
嗨

其他
试验

完成！

请看下面的代码片段，我添加了两行：

显示：内联块至
。新的\u输入


和

垂直对齐：顶部至
。标题


输入，
.新输入{
边界：0；
大纲：0；
背景：透明；
边框底部：1px纯黑；
显示：内联块；
}
1.什一税{
显示：内联块；
文本对齐：右对齐；
宽度：80px；
左边距：-20px；
垂直对齐：顶部；
}
#文字编辑{
位置：绝对位置；
最大宽度：300px；
边框：1px#0F23D5实心；
填充：4px；
背景：#A1C9E4；
边界半径：15px；
填充：15px；
}

意思
一些默认文本

语音的
嗨

其他
试验

完成！