Placeing Items Side-by-Side

[Ninva]

Could you please write a HTML code that will put these two items side-by-side? It'd be nice if the chat box is on the right side of the e-book.

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="150" height="305" src="http://www7.cbox.ws/box/?boxid=138100&boxtag=cgybbb&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="150" height="75" src="http://www7.cbox.ws/box/?boxid=138100&boxtag=cgybbb&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->

<iframe frameborder="0" scrolling="no" style="border:0px" src="http://books.google.com/books?id=jD8VAAAAYAAJ&dq=Ivan%20Turgenev&lr=&pg=PP1&output=embed" width=500 height=500></iframe>

Thanks in advance.

 

[codemonkey]

<div style="float: right;">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="150" height="305" src="http://www7.cbox.ws/box/?boxid=138100&boxtag=cgybbb&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="150" height="75" src="http://www7.cbox.ws/box/?boxid=138100&boxtag=cgybbb&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
</div>
<iframe frameborder="0" scrolling="no" style="border:0px" src="http://books.google.com/books?id=jD8VAAAAYAAJ&dq=Ivan%20Turgenev&lr=&pg=PP1&output=embed" width=500 height=500></iframe>

You can try that, but you may need to further elaborate if that's not what you want.

 

[Ninva]

There's a very wide gap between the two items.

 

[codemonkey]

<div style="width: 150px; float: left; margin-right: 5px;">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="150" height="305" src="http://www7.cbox.ws/box/?boxid=138100&boxtag=cgybbb&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="150" height="75" src="http://www7.cbox.ws/box/?boxid=138100&boxtag=cgybbb&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
</div>
<div style="width: 500px; float: left;">
<iframe frameborder="0" scrolling="no" style="border:0px" src="http://books.google.com/books?id=jD8VAAAAYAAJ&dq=Ivan%20Turgenev&lr=&pg=PP1&output=embed" width=500 height=500></iframe>
</div>

Fixed it.