LEGEND WITH CSS

Run
<!DOCTYPE html> 
<html> 
	<head> 
		<title>Legend Tag</title> 
		<style> 
			form{ 
			width: 50%; 
			} 
			legend { 
				display: block; 
				padding-left: 10px; 
				padding-right: 10px; 
				border: 3px solid blue; 
				background-color:tomato; 
				color:white;; 
			} 
			label { 
				display: inline-block; 
				float: left; 
				clear: left; 
				width: 90px; 
				margin:5px; 
				text-align: left; 
			} 
			input[type="text"] { 
				width:250px; 
				margin:5px 0px; 
			} 
			.st { 
				font-size:40px; 
				color:orange; 
				font-weight:bold; 
			} 
		</style> 
	</head> 
	<body> 
		<div class = "st">StudyTonight</div> 
		<h2>Legend tag</h2> 
		<form> 
			<fieldset> 
				<legend>STUDENT:</legend> 
				<label>Name:</label><input type="text"> 
				<br> 
				<label>Email:</label><input type="text"> 
				<br> 
				<label>Date of birth:</label><input type="text"> 
				<br> 
				<label>Address:</label><input type="text"> 
				<br> 
				<label>Admission No:</label><input type="text"> 
			</fieldset> 
		</form> 
	</body> 
</html>