Højre og venstre centering af <div>

| 1 |  2  |  3  |
|  |_____|______|
|  |            |
|  |    4      |
|  |            |
|___|____________|

Har en side der er opbygget som ovenstående ( håber den kan vise det ) Mit spørgsmål er så hvordan kan jeg sikre mig at elementerne i 2 blir venstre centeret mens 3 blir højre centeret.

Som det er nu har jeg samlet 2 og 3 i en fælles div.

<div id="top">
  <div id="2">Min topmenu</div>
  <div id="3">mit login system</div>
</div>