Alignment of photo/video in header

[judge360]

Hi Im trying to align a photo and video in the header of one of my boards, the issue Im having is getting them side by side, here is the link to the board in question uforesearchnetwork.proboards.com/board/48/memory-pioneer-physical-trace-ufologist

This is the code Im using    

<p align="left"><a href="http://s897.photobucket.com/user/judge360/media/henrymckaynewspapercollage.png.html" target="_blank"><img src="http://i897./ac171/judge360/henrymckaynewspapercollage.png" border="0" alt=" photo henrymckaynewspapercollage.png"/></a></p><p align="right"><iframe width="537" height="390" src="https://www.youtube.com/embed/OfCNuUJb4aE" frameborder="0" allowfullscreen></iframe></p>

If anyone can tell me what Ive done wrong that would be great.

Thanks in advance

[judge360]

Hi, is there anyone that can help me with this ?

[Chris]

The <p> tags are block elements so they would naturally stack one on top of the other. Try just placing them side by side with a <p> or a <div> wrapping both at once like a block of sliced cheese rather than having them individually wrapped

<p align="center">
<a href="http://s897.photobucket.com/user/judge360/media/henrymckaynewspapercollage.png.html" target="_blank">
<img src="http://i897./ac171/judge360/henrymckaynewspapercollage.png" border="0" alt=" photo henrymckaynewspapercollage.png"/>
</a>
<iframe width="537" height="390" src="https://www.youtube.com/embed/OfCNuUJb4aE" frameborder="0" allowfullscreen></iframe>
</p>

[judge360]

Thank you Eton for explaining where I went wrong very much appreciated