Trying to move away from table layouts. What I am trying to do is have a wrapper div that is centered and then two divs (left and right) side by side withen the wrapper div. But at the moment right is underneath left. Can someone explain how to solve this.

<body>
<div id="wrapper" align="Center">
<div id="left", display: inline, float="left">
Raspberry
</div>
<div id="right" display: inline, float="left">
Jam
</div>
</div>
</body>