在 https://www.w3schools.com/css/css_padding.asp 里的例子中，黄色的第一部分会比蓝色的第二部分短50px， 但在rmarkdown里相同的设置却是一样长的, 请问这是什么原因。
```{css}
.paddingWidthExample1 {
width: 300px;
background-color: yellow;
}
.paddingWidthExample2 {
width: 300px;
padding: 25px;
background-color: lightblue;
}
```
:::{.paddingWidthExample1}
This div is 300px wide.
:::
:::{.paddingWidthExample2}
It should be 350px, but it's not.
:::
