drop shadow text class easy drop shadow

HTML

<div class='demo-box-1'>
  <span class='dropshadow-text-light'>some text with dropshadow on it</span>
</div>

<div class='demo-box-2'>
  <span class='dropshadow-text-dark'>some text with dropshadow on it</span>
</div>

CSS

.dropshadow-text-light {
  text-shadow:0px 1px 2px #000;
  color:#FFF;
}
.dropshadow-text-dark {
  text-shadow:0px 1px 2px #FFF;
  color:#000;
}
.demo-box-1 {
  background:#444;
  padding:20px;
}
.demo-box-2 {
  background:#999;
  padding:20px;
}