How can I have a border with a shadow only around the border and not around element?

[Rushyo]

My fiddle will tell you all but I need a border with shadow, now this is fine if I use an empty \[code\]div\[/code\] with no height, and I use \[code\]box-shadow\[/code\] property but am not getting this effect when my \[code\]div\[/code\] contains some text...So is there any workaround for this? Do I need to add an empty element to achieve this type of effect?FiddleCSS\[code\].what_i_want { width: 100px; border-bottom: 2px solid #000000; margin: 50px; box-shadow: 0 0 5px #000;}.how_i_achieve_the_above_here { margin: 50px; border-bottom: 2px solid #000000;}\[/code\]HTML\[code\]<div class="what_i_want"></div><div class="how_i_achieve_the_above_here">Vaibhav</div>\[/code\]