DIV vid sidan av DIV med CSS

Kan detta vara på rätt väg?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
	<head>
		<style type="text/css">
			<!--
				body
				{
					background-color: #eeeeee;
					margin-left: 3px;
					margin-top: 3px;
				}
				.left
				{
				
					border: 1px dotted #000000;
					height: 20%;
					width: 20%;
					float: left;
					margin-right: 3px;
					
				}
				.right
				{
					border: 1px solid #000000;
					height: 50%;
					width: 48%;
					float: left;
				}
			-->
		</style>
		<title>DIV1</title>	
	</head>
	<body>
			<div class="left">
				&nbsp;
			</div>
			<div class="right">
				&nbsp;
			</div>
	</body>
</html>