Box Shadow

.shadow{
-moz-box-shadow: 1px 1px 3px #4D4C5A;
-webkit-box-shadow: 1px 1px 3px #4D4C5A;
box-shadow: 1px 1px 3px #4D4C5A;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4D4C5A,direction=135,strength=2);
}

Pre Wrap

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

Centered Div

#centered {
position: absolute;
height: 200px;
width: 400px;
margin: -100px 0 0 -200px;
top: 50%;
left: 50%;
background-color:#666;
}

/* The Html
<div id="centered"><p>This is example content for the centered Div</p></div>
*/

Super Simple Form Formatting

<style type="text/css">

#formID label { float: left; width: 100px; font-weight: bold; line-height: 24px;}
.formItem {clear: both; margin-bottom: 5px;}
.formFieldText {width: 100px; height: 20px; color: #444444;}

</style>

<form action="" method="post" id="formID">

<div class="formItem">
<label for="firstName">First Name</label>
<input class="formFieldText" type="text" value="" name="firstName" id="firstName" >
</div>

<div class="formItem">
<input type="submit" name="submit" value="Submit The Form">
</div>

</form>

Dead Center Div

//The CSS

#horizon {position:absolute; top:50%; left:0px; width:100%; height:1px; overflow:visible;}

#content {position:absolute; top:-200px; left:50%; margin-left:-300px; width:600px; height:400px; background-color:#000;}

//The Html

<div id="horizon">
<div id="content">

</div>
</div>