Edit: The solutions HAVE to have display: inline-block;
I'm trying to put an image over another image. However, no matter what I set the margin-right to, it stays in the same spot. About 1/5 of the background image.
Here's my code:
<img src="http://truespeed.ca/wp-content/uploads/2016/06/tvscreen.png" alt="null" />
<iframe class="Youtube" width="479" height="269" src="https://www.youtube.com/embed/6ydYvG52K-E" frameborder="0" allowfullscreen></iframe>
left to a smaller value in the
.Youtube rule (that's left of the parent elements left side). Start at about 10px and find the ideal position by trying.
ADDITION: You also have to erase the
right: 380px; from your
.Youtube rule - it overwrites the
left rule (since it follows below it ("cascading")).