如何在CSS中为同一输入字段分别编辑两个标签？我想在输入字段上方有一个标签，上面写着“昵称”，然后在下方的标签上写上“（按Enter键以生成”），但是我不知道如何像这样放置它们，我也不知道如何更改尺寸，以便我可以减小底部的尺寸。有什么建议吗？
沿着这些路线的东西？
<!DOCTYPE html><html lang="en"><head><title> Test Page </title>
<meta charset="UTF-8">
<meta name="viewport" content="width-device-width,initial-scale=1.0, user-scalable=yes"/>
<!-- link rel="stylesheet" href="common.css" media="screen" -->
<style>
.wrapper { width: 20em; }
</style>
</head><body>
<div class='wrapper'>
<div> Nickname: </div>
<input type="text" id="nickname" placeholder='Nickname'>
<div> (press enter to spawn) </div>
</div>
</body></html>