tutorial 7.html

<DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Valentines Flowers - Order your flowers online</title>
	<style>
		.al{
			text-align:center;
		}
		.backcol{
			background-color:grey;
		}
		.product{
			float:left;
			background-color: white;
			
			
		}
		
	</style>
</head>
<body>
	<section class="backcol">
		<h1 class="al">Valentines Flowers</h1>
		<div class ="al">
			<div>
				<img src="pink.jpeg" alt="pink flower" >
				<p>Pink bouquet</p>
			</div>
			<div background-color="white">
				<img src="red.jpeg" alt="red pink">
				<p>Red bouquet</p>
			</div>
			<div background-color="white">
				<img src="white.jpeg" alt="white pink">
				<p> white bouquet<p>
			</div>
		</div>
		
	</section>
	
</body>
</html>