tes

<!DOCTYPE html>
<html>
<head>
	<title>Web Page</title>
	<style type="text/css">
		.text-left{
			text-align: left;
		}
		.text-center{
			text-align: center;
		}
		.text-right{
			text-align: right;
		}
		.full{
			width: 100%;
		}
		.padding-top{
			padding-top: 10px;
		}
		.minimum{
			width: 1px;
		}
	</style>
</head>
<body>
	<table class="full" frame="box">
		<tr>
			<td class="text-left"><a href="#">Dashboard</a> > <a href="#">Main</a> > Home </td>
			<td class="text-right"><input type="text" placeholder="search.."><button>Search</button></td>
		</tr>
	</table>
	<div class="padding-top" style="width:10%; float: left;">
		<table>
			<tr>
				<th><h1>WIKI</h1></th>
			</tr>
			<tr><td><button class="full text-left">Page Operations</button></td></tr>
			<tr><td><button class="full text-left">Browse Space</button></td></tr>
			<tr><td><button class="full text-left">Add Content</button></td></tr>
		</table>
	</div>
	<div class="padding-top" style="float: right;">
		<table class="full" cellpadding="10px">
			<tr>
				<td nowrap class="minimum text-right"><a href="#">Welcome Peldi</a></td>
				<td nowrap class="minimum text-right">|</td>
				<td nowrap class="minimum text-right"><a href="#">History</a></td>
				<td nowrap class="minimum text-right">|</td>
				<td nowrap class="minimum text-right"><a href="#">Preferences</a></td>
				<td nowrap class="minimum text-right">|</td>
				<td nowrap class="minimum text-right"><a href="#">Administration</a></td>
				<td nowrap class="minimum text-right">|</td>
				<td nowrap class="minimum text-right"><a href="#">Logout</a></td>
				<td nowrap class="minimum text-right">|</td>
				<td nowrap class="minimum text-right"><a href="#">Gambar print</a></td>
			</tr>
		</table>
	</div>
	<div class="padding-top" style="width:90%; float: right;">
		<table frame="box" class="full">
			<tr>
				<td class="text-left">Main</td>
				<td class="text-right">bendera</td>
			</tr>
			<tr>
				<td colspan="2">
					<font color="blue" size="6">Welcome to Our Wiki!</font><br>
					added by Peidi, last edited by Peidi on Mar 09, 2008 (<a href="#">view changes</a>)
					<p>
						Welcome to our awesome wiki. A place for us to share knowledge yadda yadda yadda.<br>
						You can add images like the one below:
					</p>
					<h1 class="text-center">Gambar</h1>
					<br>
					<div style="margin-left: 10px ">
						And other text lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do<br>
						elusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim<br>
						veniam, quis nostrud exercitation ullamco laboris nisi ut allquip...<br>
					</div>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<ul style="list-style: none outside none; margin:0; padding: 0;">
					  <li style="display: inline">10 Childern</li>
					  <li style="display: inline"><a href="#">Show Childern</a></li>
					  <li style="display: inline">|</li>
					  <li style="display: inline"><a href="#">View in Hierarchy</a></li>
					  <li style="display: inline">|</li>
					  <li style="display: inline"><a href="#">Add Child Page</a></li>
					</ul>
				</td>
			</tr>
			<tr>
				<td colspan="2"><hr></td>
			</tr>
			<tr>
				<td colspan="2">
					<ul style="list-style: none outside none; margin:0; padding: 0;">
					  <li style="display: inline">gambar</li>
					  <li style="display: inline">0 Comments</li>
					  <li style="display: inline"><a href="#">Add Comment</a></li>
					</ul>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>