Untitled

<!DOCTYPE HTML>
	<html>
		<head>
			<title>Sklep papierniczy</title>
			<meta charset="utf-8">
			<link rel="stylesheet" href="style.css">
		</head>
		<body>
			<div id="baner">W naszym sklepie internetowym kupisz najtaniej</div>
			<div id="left"><h1>Promocja 15% obejmuje artykuły:</h1>
				<ul>
					<li>Gumka do mazania</li>
					<li>Cienkopis</li>
					<li>Pisaki 60 szt.</li>
					<li>Markery 4 szt.</li>
				</ul>
			</div>
			<div id="mid"></div>
			<div id="right">Kontakt</div>
			<div id="footer">Autor strony: 00311604531</div>


		</body>
	</html>


----------------------------


* {
	margin: 0;
	padding: 0;
}

#baner {
	background-color: #E8C84E;
	height: 50px;
	width: 100%;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

#left {
	background-color: #FFB544;
	height: 500px;
	width: 35%;

	float: left;
}

#mid {
	background-color: white;
	height: 500px;
	width: 30%;
	text-align: center;
	float: left;
}

#right {
	background-color: #FFB544;
	height: 500px;
	width: 35%;
	font-size: 130%;
	text-align: center;
	float: left;
}

#footer {
	background-color: #E8C84E;
	height: 50px;
	text-align: right;
	clear: both;
}

ul {
	padding-top: 50px;
	list-style-type: disc;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	background-color: #FFAA00;
}