CSS why do you need pseudo elements with empty string : <p>In this <a href="https://codepen.io/shayhowe/pen/jelsr" rel="nofollow noreferrer">example</a>, why does <code>container</code> need to have the pseudo-element <code>after</code> and <code>before</code> with <code>content: ''</code> and <code>display: table</code> to show the gray background? Shouldn't <code>container</code> automatically expand to fit both of its children and then fill out the negative space with the gray background without the pseudo-elements already?</p>
