I am making a website. I have a picture in the middle of my page. I want to add a comment box beside of it but centered with the picture. I also would like to have a little space between the picture and comment box. How do I do that? Here is my code for the picture and comment box. The way it is right now, the comment box is beside the picture buy up higher on the page than the picture.
<span style="font-family: Arial; font-size: 12pt;"><img alt="Pasquale Di Scipio / Filomena Priore" src="/patsy_and_filomena.jpg" width="423" align="middle" height="290"></center><align="right"><!-- BEGIN MyShoutbox.com CODE -->
<iframe src="http://612085.myshoutbox.com/" width="205" height="400" frameborder="1" allowTransparency="true"></iframe>
<!-- END MyShoutbox.com CODE--></span>
Here is my website so you can see what I am talking about http://marias-family.ucoz.com/
<span style="font-family: Arial; font-size: 12pt;"><img alt="Pasquale Di Scipio / Filomena Priore" src="/patsy_and_filomena.jpg" width="423" align="middle" height="290"></center><align="right"><!-- BEGIN MyShoutbox.com CODE -->
<iframe src="http://612085.myshoutbox.com/" width="205" height="400" frameborder="1" allowTransparency="true"></iframe>
<!-- END MyShoutbox.com CODE--></span>
Here is my website so you can see what I am talking about http://marias-family.ucoz.com/