ich hab hier diese div definition:
Das ist ein CSS-Deklarationsblock.
div-Elemente haben von natur aus kaum/keine Formatierung - jegliche Deklaration die du hier machst ist augenscheinlich sinnlos.
wenn ich jetzt <div class="drop-shadow"> Hello World </div> mache dann wird das nicht angewendet, kann ich bei der oberen div von vorher so Einstellen das die classe angewendet werden soll.
Was hast du eigentlich vor? Einen Schatten um irgendwas im Fließtext?
Ich habe so das Gefühl, dass du dich mit inline-block auseinandersetzen möchtest und in diesem Zusammenhang alles vergisst, was mit position oder Pseudoelementen zu tun hat.
<p>Ich bin ein <strong>Schatten</strong> meiner selbst</p>
strong {
display: inline-block;
padding: 0.25em;
vertical-align: middle;
box-shadow: 5px 5px 2px #FFFFFF;
}