无法更改<div>的高度/宽度

Question

我正在学习HTML/CSS并决定试试这个:

<p>A paragraph with no margins specified.</p>
<div style="width=300px; height=300px; background-color:yellow;><p>This paragraph is in a divider.</p></div>
<p>A paragraph with no margins specified.</p>

经过一些谷歌搜索,我发现你不能改变内联元素的宽度/高度.所以我尝试使用<div>和<p>使用块元素display:block,但这并没有改变任何东西.宽度在屏幕外无限延伸,高度仅与屏幕一样高<p>.我希望有<p>一个300x300 <div>,所以我怎么能这样做？另外,为什么这些方法都不起作用(即使我改为display:block)？谢谢.
另外,我知道你不应该像我一样使用过多的CSS.这只是因为我正在使用W3的"自己动手"HTML编辑器测试内容.

Answer 1

代码中的错误:

<div style="width=300px; height=300px; background-color:yellow;>
-----------------^-------------^-------------------------------^
                  Replace with :                               Missing "

你错了.替换=为:,你错过了一个":

<div style="width:300px; height:300px; background-color:yellow;">