Thank you ahead of time....
Here is the code...
Middle Column for Video has a YouTube video at width="560" height="315"
What we would like is for the video to stay completely centered
And to have a picture just to the left (right aligned so it sits close)
But the lay out breaks and the video gets pushed to the right instead of centered...
<div class="row common-height clearfix">
<!-- #Left Column for Picture -->
<div class="col-md-4">
<img src="podf-img/Will-Workman.jpg" align="right" alt="Will Workman" width="126"
height="179">
</div>
<!-- #Left Column for Picture end -->
<!-- #Middle Column for Video -->
<div class="col-md-4" divcenter>
<div style="text-align:center">
<iframe width="560" height="315" src="https://www.youtube.com/embed/NYyiSaHke3s" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<!-- #Middle Column for Video end -->
<!-- #Right Column for empty place holder -->
<div class="col-md-4">
</div>
</div>
Is there a way to keep it centered?
About attached pics
Wrong = good sized video but pushed right
Right = too small video but centered
