<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
	#content {
		position:relative;
		width:500px;
		margin-left:auto;
		margin-right:auto;
	}
	
	ul.left {
		list-style:none;
		position:absolute;
		left:0px;
		width:250px;
	}
	
	ul.right {
		list-style:none;
		position:absolute;
		right:0px;
		width:250px;
	}
	
	ul.right li, ul.left li {
		display:block;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:10pt;
	}
</style>
<title>CSS Sol ve Sağ Ayırmak</title>
</head>
<body>
	<div id="content">
        <ul class="left">
            <?PHP
            	for($i = 0; $i < 10; $i++)
				{
					printf("<li>Sol - ". $i ."</l>");
				}
            ?>
        </ul>
        <ul class="right">
            <?PHP
            	for($i = 0; $i < 10; $i++)
				{
					printf("<li>Sağ - ". $i ."</l>");
				}
            ?>
        </ul>
    </div>
</body>
</html>
aynı zamanda sonucu Buradan görebilirsin.