TalkPHP - View Single Post - in css how to place divs hotizontally next to each other?

Ross · 06-20-2008, 08:16 PM

Here's a demo of what Folio was saying:

HTML Code:

<html>
	<head>
		<style type="text/css">
			.box50 {
				float: left;
				width: 50%;
			}
			
			.red {
				background: #f00;
				height: 100px;
			}
			
			.green {
				background: #0f0;
				height: 400px;
			}
			
			.container {
				clear: both;
			}
		</style>
	</head>
	
	<body>
		<div class="container">
			<div class="box50 red">efsef</div>
			<div class="box50 green">dfsj</div>
		</div>
		
		<p>content below the two boxes</p>
	</body>
</html>