How to make a layout where 3 items are centered in height/width of the HTML page

Well the basic layout I want is:

Keep in mind those items on the side should be centered in the part between the center one and the side of the page.

I'm looking 开发者_运维百科for a valid cross-browser(HTML5/CSS3 compatible is fine) solution for an HTML page which hopefully doesn't use javascript

<div style="top:50%" align="center">
<div> STUFF 1 </div>
<div> STUFF 2 </div>
<div> STUFF 3 </div>
</div>