I'm trying to place an embedded video on a page, with text above and below it. At the moment, the text appears to the side of the video, as is visible in the below image:
The code is:
<p>Here is a quick "how to" video to show you how it works:</p>
<p><iframe width="560" height="315" src="https://www.youtube.com/embed/I6cynOuqJ3E" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></p>
<p> </p>
<p>If you have any questions or suggestions, please get in touch at <a href="mailto:[email protected]" title="[email protected]">[email protected]</a></p>
I've tried using the following tags to try to fix it (with embedded video at top, and 'If you have any question...' as bottom):
<div class="block">
<div class="top">stuff goes here</div>
<div class="bottom">more stuff</div>
And this tag after the embedded video:
<p class="clear">
However neither have had any effect.
Can anybody help?
Thanks Sam