<form action="#">
<fieldset>
<legend>Information</legend>
<label for="1">Comment here:</label> <textarea name="comment" id="1" cols="" rows=""></textarea>
</fieldset>
</form>
body {
font-family: sans-serif;
}
legend {
text-transform: uppercase;
background: #f7e8f7;
}
fieldset {
border: 3px solid purple;
background: #f7e8f7;
width: 50%;
height: 200px;
}
textarea {
display: inline-block;
resize: none;
vertical-align: bottom;
}
label {
vertical-align: top;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.