Untitled
raw download clone
TEXT
views 25
,
size 1271 b
<!DOCTYPE html>
<html>
<head>
	<title>Message Board</title>
	<link rel="stylesheet" type="text/css" href="hw3.css">
	<style>
		#main {
		  display: flex;
		}

		#main div:nth-of-type(1) {flex-grow: 4;}
		#main div:nth-of-type(2) {flex-grow: 1;}
		#main div:nth-of-type(3) {flex-grow: 1;}
	</style>
	<style>
		#second {
			display: flex;
		}
		#second div:nth-of-type(1) {flex-grow: 5;}
		#second div:nth-of-type(2) {flex-grow: 1;}
	</style>
</head>

<body>
	<div id="main" class="my_style">
		<h2>Leave a message here</h2><br>
		<form action="/action_page.php">
			<label style="color:LavenderBlush" for="message">Type here:</label>
		  	<input type="message" id="message" name="message">
		  	<div>
		  		<input type="submit" value="Add">
		  	</div>
		  	<div>
		  		<input type="submit" value="Clear">
		  	</div>
		</form>
	</div>

	<div id="second" class="my_style">
		<h2>History</h2><br>
		<div>
			<div>
				<p>This is a fake message.</p>
				<input type="submit" value="Delete">
			</div>
			<div>
				<p>This is a fake message.</p>
				<input type="submit" value="Delete">
			</div><div>
				<p>This is a fake message.</p>
				<input type="submit" value="Delete">
			</div>
		</div>
	</div>
</body>
</html>
close fullscreen
Login or Register to edit or fork this paste. It's free.