1) Add this part to your blog posts or pages in order to create a new shadow-box area:

<div id="shadow-box">
Put your text here!
</div>

2) Add this to your CSS style sheet for the theme you are using. 
For example, if you are using LabHeadlines it would be the custom.css style sheet.

#shadow-box {
-moz-box-shadow:5px 5px 5px #666666; 
-webit-box-shadow:5px 5px 5px #666666;
background:none repeat scroll 0 0 #CCCCCC;
height:auto;
margin:15px 0;
width:400px;
color:#ffffff;
font-size:24px;
text-align:center;
padding:30px;
}

1) Add this part to your blog posts or pages in order to create a new shadow-box area:

<div id="shadow-box">
Put your text here!
</div>

2) Add this to your CSS style sheet for the theme you are using. For example, if you are using LabHeadlines it would be the custom.css style sheet.

#shadow-box {
-moz-box-shadow:5px 5px 5px #666666; 
-webit-box-shadow:5px 5px 5px #666666;
background:none repeat scroll 0 0 #CCCCCC;
height:auto;
margin:15px 0;
width:400px;
color:#ffffff;
font-size:24px;
text-align:center;
padding:30px;
}

Shadow Box Effect

CSS