css layout test case

<html>
<head>
<style>
#top { position: absolute; top: 0; left: 0; }
#left { position: absolute; top:100px; left: 0; }
#right { position: absolute; top:100px; left: 300px; }
#bottom { position: absolute; top: 200px; left: 0; }
</style>
</head>
<body>
<div id="right">
  <p>first <input /></p>
</div>
<div id="left">
  <p>second  <input /></p>
</div>
<div id="bottom">
  <p>third  <input /></p>
</div>
<div id="top">
  <p>fourth  <input /></p>
</div>
</body>
</html>