Hi, I had a strange occurance when adding a border rule to the div element, the top and bottom (undefined 1em) margin of the child p element are included within the box, elongating it vertically. I don’t know why this occured, would be good to know if someone can help.
Thanks
code;
https://jsfiddle.net/nickm49/h2m6re9a/10/
box test;
https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/A_cool_looking_box