CSS Shadow Boxes Widgets

This is a text box with left shadow. The text inside the box is aligned with "height: 100px; width: 70%; margin: 20px; padding: 15px; font-size: 18px;". The shadow in the left is aligned with "bottom: 25px; left: 20px; width: 60%; height: 20px;".
This is a text box with right shadow. The text inside the box is aligned with "height: 100px; width: 70%; margin: 20px; padding: 15px; font-size: 18px;". The shadow in the right is aligned with "right: 20px; bottom: 25px; width: 60%; height: 20px;".
This is a text box with bottom shadow. The text inside the box is aligned with "height: 100px; width: 70%; margin: 20px; padding: 15px; font-size: 18px;". The shadow in the bottom is aligned with "right: 20px; bottom: 0; left: 20px; height: 30px;".
This is a text box with simple shadow. The text inside the box is aligned with "height: 100px; width: 70%; margin: 20px; padding: 15px; font-size: 18px;". The shadow is aligned with "right: 20px; bottom: 0; left: 20px; height: 30px;".