Something along these lines?
<!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>
this is what it looks like nowHow do you edit two labels for the same input field in CSS separately? I want to have a label above an input field that says “Nickname” and then a lower label that says “(press enter to spawn)” but I don’t know how to position them like that and I also don’t know how to change the size so that I can make the bottom one smaller. Any suggestions?
Welcome to Stackoverflow, can you give us your code, we will be able to help you after.
I’ve already solved this problem but thanks for the help I really appreciate it.
What did your solution look like?
I just added it into some tags but I’ve scraped that website and completely redid it.