How to Add Shadow to the actual content using CSS

The box with the shadow applied to
the right of the container.

<div style="width:250px;padding:10px;filter:shadow(color:gray,
strength:10, direction:135);"> <div style="width:250px;text-align:left;padding:10px;background-color:gold;border:1px
solid black;font-size:12px;color:black"> The box with the shadow applied to
the right of the container.</div> </div>