css - 无法更改 <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 进入 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;">