html - 为什么我的图像不会出现在下一行？

Question

我想我尝试了一切。一定有什么我不明白的地方。我在另一页上以同样的方式完成了此操作，并且似乎工作正常。但现在，它没有。怎么了？

#musik {font-family: Verdana; float: left; font-size: 30px}
#xdj {width: 650 px; height: 450px}

	<strong><p id="musik"> M U S I K </p></strong>
<br>
	<img id="xdj" src="xdj.jpg" alt="xdj-rx">

我只是不想让我的照片出现在标题之下..

Answer 1

你的代码有点乱。

我已经清理过了，给出了解决方案，看代码中的注释。

#musik {
  font-family: Verdana;
  /* float: left; remove this line */
  font-weight: 900; /* add this line, so you can remove the <strong> element */
  font-size: 30px
}
#xdj {
  width: 650px;
  height: 450px
}

<p id="musik"> M U S I K </p>
<img id="xdj" src="http://placehold.it/650x450" alt="xdj-rx">