<div dir="ltr"><div>Which specific example did you lift?</div><div><br></div><div>What did it look like originally?</div><div><br></div><div>My point is, the example snippet you posted is in fact incorrect.</div><div><br></div><div>Box:<br></div><div><br></div><div>The page you linked does not describe a "<box>" element, but a "box" _concept_. That concept is applied both to block elements and inline elements. The usual block level element to use in this case (although some argue against using it in this way) is the "<div>" element.</div><div><br></div><div>Browsers do not understand "<box>" as it doesn't exist. This means they cannot render any stylings you may define.</div><div><br></div><div><br></div><div>Syntax:<br></div><div><br></div><div>Your snippet also simply has CSS staements in the middle of an element syntax. This is broken syntax. You either need to embed CSS statements in a style="" sequence, or define a <style> block, and do proper CSS statements.</div><div><br></div><div>So this would be more approximately similar to what you meant to do<br></div><div><br></div><div style="margin-left:40px"><style></div><div style="margin-left:40px">.box { /* note the starting "." character */<br></div><div style="margin-left:40px"> box-sizing: content-box;<br>
width: 300px;<br>
height: 400px;<br>
padding: 30px;<br>
border: 10px solid blue;<br>
overflow: scroll;
</div><div style="margin-left:40px">}</div><div style="margin-left:40px"></style></div><div style="margin-left:40px"><br></div><div style="margin-left:40px"><div class="box"></div><div style="margin-left:40px">(your further content here)</div><div style="margin-left:40px"></div></div><div><br></div><div>I tested this in Firefox and it does render with the stylings specified.<br></div><div><br></div><div><br></div><div><div><div dir="ltr" class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div>---</div><div>Tai Kedzierski</div><div><br></div><div>@taikedz</div><div><br></div><div><a href="https://www.meetup.com/Edinburgh-Language-Exchange/" target="_blank">https://www.meetup.com/Edinburgh-Language-Exchange/</a> </div></div></div></div><br></div></div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Fri, 11 Mar 2022 at 15:50, Andrew Ramage <<a href="mailto:andrew.ramage.1963@gmail.com">andrew.ramage.1963@gmail.com</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
<div>
<p>I lifted the syntax from W3Schools, modifying it for my needs.<br>
</p>
<div>On 11/03/2022 15:32, Tai Kedzierski
wrote:<br>
</div>
<blockquote type="cite">
<div dir="auto">Indeed. No <box> element !
<div dir="auto"><br>
</div>
<div dir="auto">You probably want <div style="border: 1px
solid"> instead<br>
<br>
<div dir="auto">// Sent from
a mobile device. Typos and brevity may transpire.</div>
</div>
</div>
<br>
<div class="gmail_quote">
<div dir="ltr" class="gmail_attr">On Fri, 11 Mar 2022, 15:19
Andrew Ramage, <<a href="mailto:andrew.ramage.1963@gmail.com" target="_blank">andrew.ramage.1963@gmail.com</a>>
wrote:<br>
</div>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
<div>
<p><a href="https://www.w3schools.com/Css/css_boxmodel.asp#:~:text=All%20HTML%20elements%20can%20be%20considered%20as%20boxes.,Padding%20-%20Clears%20an%20area%20around%20the%20content" rel="noreferrer" target="_blank">https://www.w3schools.com/Css/css_boxmodel.asp#:~:text=All%20HTML%20elements%20can%20be%20considered%20as%20boxes.,Padding%20-%20Clears%20an%20area%20around%20the%20content</a>.<br>
</p>
<div>On 11/03/2022 13:59, Tai Kedzierski wrote:<br>
</div>
<blockquote type="cite">
<div dir="ltr">
<div>1. I do not know of the <box> element - this
probably has no meaning to the rendering engine of any
browsers.<br>
</div>
<div>2. You have CSS code plainly in the element ,
instead of in a "style" attribute, or in a
<style></style> block</div>
<div><br>
</div>
<div><br>
</div>
<div>You might want to have a quick recap of CSS usage <a href="https://www.w3schools.com/Css/css_intro.asp" rel="noreferrer" target="_blank">https://www.w3schools.com/Css/css_intro.asp</a></div>
<div><br>
</div>
<div><br>
</div>
<div>
<div>
<div dir="ltr">
<div dir="ltr">
<div>---</div>
<div>Tai Kedzierski</div>
<div><br>
</div>
<div>@taikedz</div>
<div><br>
</div>
<div><a href="https://www.meetup.com/Edinburgh-Language-Exchange/" rel="noreferrer" target="_blank">https://www.meetup.com/Edinburgh-Language-Exchange/</a>
</div>
</div>
</div>
</div>
<br>
</div>
</div>
<br>
<div class="gmail_quote">
<div dir="ltr" class="gmail_attr">On Fri, 11 Mar 2022 at
13:46, Andrew Ramage <<a href="mailto:andrew.ramage.1963@gmail.com" rel="noreferrer" target="_blank">andrew.ramage.1963@gmail.com</a>>
wrote:<br>
</div>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">Can anyone tell me
why I am not getting a box ? (See <br>
<a href="http://www.andrewnramage.co.uk/Read.html" rel="noreferrer noreferrer" target="_blank">www.andrewnramage.co.uk/Read.html</a>
)<br>
<br>
</center><br>
<input type="button" onclick="goback()"
value="<<"><br>
<section><br>
<nav><br>
<box box-sizing: content-box;<br>
width: 300px;<br>
height: 400px;<br>
padding: 30px;<br>
border: 10px solid blue;<br>
overflow: scroll;><br>
<table .lib><br>
<tr><td><a href="#r1">Storm
of Fury by Jessica
Gunn</a></td></tr><br>
<br>
<br>
-- <br>
EdLUG mailing list<br>
<a href="mailto:EdLUG@mailman.lug.org.uk" rel="noreferrer" target="_blank">EdLUG@mailman.lug.org.uk</a><br>
<a href="https://lists.edlug.org.uk/mailman/listinfo/edlug" rel="noreferrer noreferrer" target="_blank">https://lists.edlug.org.uk/mailman/listinfo/edlug</a><br>
</blockquote>
</div>
<br>
<fieldset></fieldset>
</blockquote>
</div>
-- <br>
EdLUG mailing list<br>
<a href="mailto:EdLUG@mailman.lug.org.uk" rel="noreferrer" target="_blank">EdLUG@mailman.lug.org.uk</a><br>
<a href="https://lists.edlug.org.uk/mailman/listinfo/edlug" rel="noreferrer noreferrer" target="_blank">https://lists.edlug.org.uk/mailman/listinfo/edlug</a><br>
</blockquote>
</div>
<br>
<fieldset></fieldset>
</blockquote>
</div>
-- <br>
EdLUG mailing list<br>
<a href="mailto:EdLUG@mailman.lug.org.uk" target="_blank">EdLUG@mailman.lug.org.uk</a><br>
<a href="https://lists.edlug.org.uk/mailman/listinfo/edlug" rel="noreferrer" target="_blank">https://lists.edlug.org.uk/mailman/listinfo/edlug</a><br>
</blockquote></div>