Untitled

<!DOCTYPE HTML>
<html>
<head>
                <meta charset="UTF-8"/>
                <meta name="author" content="Paulina Kornaś"/>
                <title> CSS  </title>
	<style>
	#poj {
		width:960px;
		overflow:hidden;
		margin: 0 auto;
		background:rgb(222,222,222);}

	#lew {width:195px;
		float:left;
		border-right: 1px solid black;}

		#praw {width:760px;
		float:right;}

	header {  background-color:rgb(61,61,61);
				border-bottom: 1px solid black;
				text-align:right;
				padding-top:5px;}

	footer {background-color:rgb(61,61,61);
				border-top: 1px solid black;
				clear: both;
				text-align:center;}
	a:link,a:visited
		{
		border-bottom: 1px solid black;
			background: rgb(222,222,222);}

	a {color: black;
		text-decoration:none;
		display:block;
		padding-top:5px;
		padding-bottom:10px;
		font-variant:small-caps;
		font-size:15px;}

	ul { padding:0px 30px 50px 0px;
	margin-top: 5px;
	list-style-type:none;}

	li { width: 195px;}


	tr {background:rgb(222,222,222);
		border:3px solid black;
		text-align:center;
		font-size:25px;}

	#tabelka {background-color:rgb(222,222,222);
				border: 4px double black;
				margin-left: 220px;
				margin-top:30px;
				margin-bottom:30px;}
	td {border:2px solid black;
	padding: 10px;}

	article
				{width:600px;
				margin: 0 auto;
				clear: both;
				margin-left: 220px;}
	figure
				{width:130px;
				padding-left:30px;
				padding:30px;
				border: 4px solid black;
				background: rgb(192,192,192);}
	figcaption {font-style: italic;}
	img {padding-left: 5px;}


	</style>
</head>
<body>
<div id="poj">
<header>
	<h1 style="text-align:right; text-decoration:underline; font-variant:small-caps; letter-spacing:10px;font-size: 40px; padding-right:30px; color:white;"> Sprawdzian </h1>

</header>
<div id="lew">
	<ul>
	<li><a href="#">Home </a></li>
	<li><a href="#">Walidator HTML</a></li>
	<li><a href="#">Walidator CSS</a></li>
	</ul>
</div>

<div id="praw">

	<table id="tabelka" border="5">
	<tr>
<td colspan="2"> 1A </td>
<td>1B </td>
<td>1C </td>
	</tr>
	<tr>
	<td rowspan="2">2A </td>
	<td>2B </td>
	<td colspan="2">2C </td>
	</tr>
	<tr>
	<td>3A </td>
	<td colspan="2">3B</td>
	</tr>

	</table>

<section>
<article>


			<figure>
			<img src="html5.png" alt="html"/>
			<figcaption>HTML5 - HyperText Markup Language </figcaption>
			</figure>


</article>
</section>

</div>

<footer>
Strona stworzona przez Pauline Kornaś
</footer>
</div>
</body>
</html>