For the past month I've been learning about html and css to build my own website. The idea is to have a website where I can post my own articles. A few days ago I started working on the presentation of those articles and tried to insert some links with iframes (usually youtube, bandcamp or instagram). However when I insert those links or iframes, they overlap the text I wrote as a paragraph, as if it's not there. I've put everything in their own div box with a class reference, tried increasing padding, margin, changing position. That works for one individual page where I can increase the padding of the link until it doesn't overlap with the text anymore, but that doesn't seem very right, especially since I would need to change that value for each article, and therefore create a different class every time. The same happens when I try to insert a footer, which sticks to the bottom of the page on my index page for example but ends up in the middle of the screen on individual articles. However the footer seems to be noticing the presence of the iframe links I insert? Many issues I'm quite lost with and don't know what to do!! Does any of you could help me figure out how to make sure those elements don't overlap? Thank you very much.