У меня есть заголовок после iframe YouTube, и заголовок находится справа от iframe, почему?

Question

У меня есть iframe youtube в html и заголовок после iframe, например:

iframe {
  display: block;
}

<iframe src="https://www.youtube.com/embed/xxxxx" width="200" height="162" align="left"></iframe>

<H4 id="example_video">Example with a video</H4>

Но заголовок совпадает с заголовком видео. Почему? Я не мог изменить это, даже используя display: block в CSS.

Answer 1

Вы сказали align="left", который является устаревшим способом установки float: left.

Удалите его.

iframe {
  display: block;
}

<iframe src="https://www.youtube.com/embed/xxxxx" width="200" height="162"></iframe>

<H4 id="example_video">Example with a video</H4>