Multiple Pages

<div id="page">
<div class="item">
<div>
<h3>Android</h3>
<p>Google build Android in compete with iPhone of Apple</p>
</div>
</div>
<div class="item">
<div>
<h3>iPhone</h3>
<p>Great product from Apple, and keep being the greatest product ever</p>
</div>
</div>
<div class="item">
<div>
<h3>Blackberry</h3>
<p>This is also the influential of the big one in the consumer gadget</p>
</div>
</div>
<div class="item">
<div>
<h3>WP 7</h3>
<p>We till don't know what the result of this one, the Microsoft weapon</p>
</div>
</div>
<div style="clear: both;"></div>
</div>


<style>
html, div, h3, h1, p, body { margin: 0px; font-family: sans-serif; }
html { background: #eee; }
body { margin: 10px; background: white; }
#page { -moz-box-shadow: 0 0 2px #aaa; -moz-border-radius: 4px; }
.item h3 { font: 15px sans-serif; font-weight: bold; margin: 0 0 5px; }
.item p { font: 12px sans-serif; }
.item { width: 25%; float: left; }
.item div { padding: 10px; border-right: 1px solid #ddd; color: #444;}
.item div:hover { background: #eee; cursor: pointer; }

</style>