CSS of pseudo-element affects parent element?

The first thing to be aware of is that when you use ::after the DOM looks like this.

The first thing to be aware of is that when you use ::after, the DOM looks like this: content of element So, this behaves in exactly* the same way: (use Chrome or Firefox) jsfiddle.net/MLThM/7/ And with some extraneous properties removed: jsfiddle.net/MLThM/8/ The reason that the parent element moves is collapsing margins. One way to "fix" that is to add overflow: hidden to . Land: jsfiddle.net/MLThM/9/ And the fix applied to your original demo: jsfiddle.net/MLThM/10/ * = let's forget about possible bugs in ::after and ::before for the moment, they aren't relevant to the current question.

You could always set your container div to position:relative and then the new content to absolute. This way you won't affect any of the margins on the containing div. Example : jsfiddle.net/MLThM/6.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.