background: url("../images/hogwarts.jpeg") center / cover no-repeat;
<meta name="viewport" content="width=device-width, initial-scale=1">
document.querySelectorAll('link').forEach((e => t(e)))
function t(e){"text/css"!=e.type&&"stylesheet"!=e.rel||!e.href||new URL(e.href,document.baseURI).origin==location.origin&&fetch(e.getAttribute("href")).then((async t=>{const i=await t.text();let n=Pt.transpileStyleSheet(i,!0);if(n=Pt.transpileStyleSheet(i,!1),n!=i){const t=new Blob([n],{type:"text/css"}),i=URL.createObjectURL(t);e.setAttribute("href",i)}}))}
display:inline
. Можно считать что они все аналогичны тегу span.display: block
.<p>
можно вкладывать только строчные элементы.<p>
там написано «Разрешённое содержимое: фразовый контент».