```
<!DOCTYPE html>
<html>
<head>
	<title>Text Area Example</title>
	<style>
		div {
			display: flex;
			align-items: center;
			margin-bottom: 10px;
		}
		label {
			flex: 1;
			text-align: right;
			margin-right: 10px;
		}
		textarea, input {
			flex: 4;
		}
		button {
			flex: 2;
		}
	</style>
</head>
<body>
	<div>
		<label>Instructions:</label>
		<textarea id="instructions"></textarea>
	</div>
	<div>
		<label>Input:</label>
		<textarea id="input"></textarea>
	</div>
	<div>
		<label>Old Output:</label>
		<textarea id="old-output"></textarea>
	</div>
	<div>
		<label>New Output:</label>
		<textarea id="new-output"></textarea>
	</div>
	<div>
		<button id="next">Next</button>
		<button id="save">Save</button>
		<button id="reset">Reset</button>
	</div>
	<div>
		<label for="api-key">API Key:</label>
		<input type="text" id="api-key">
		<button id="ask-gpt">Ask GPT</button>
	</div>
</body>
</html>
```
<!DOCTYPE html>
<html>
<head>
	<title>Text Area Example</title>
</head>
<body>
	<div>
		<label>Instructions:</label>
		<textarea id="instructions"></textarea>
	</div>
	<div>
		<label>Input:</label>
		<textarea id="input"></textarea>
	</div>
	<div>
		<label>Old Output:</label>
		<textarea id="old-output"></textarea>
	</div>
	<div>
		<label>New Output:</label>
		<textarea id="new-output"></textarea>
	</div>
	<div>
		<button id="next">Next</button>
		<button id="save">Save</button>
		<button id="reset">Reset</button>
	</div>
	<div>
		<label for="api-key">API Key:</label>
		<input type="text" id="api-key">
		<button id="ask-gpt">Ask GPT</button>
	</div>
</body>
</html>
Nel codice seguente allineare i campi.