text-shadowを使用して文字を肉付け

<div id ="mondai">
        <p id="char-1" class="text default">a</p>
        <p id="char-2" class="text default">b</p>
        <p id="char-3" class="text default">c</p>
      </div><!--/.mondai-->  

.text.default {
  color: #f3f3f3;
  text-shadow: 1px 1px 0 #000,
              -1px 1px 0 #000,
               1px -1px 0 #000,
              -1px -1px 0 #000;
}