html - CSSで縦の取り消し線を作成するには?

Question

テーブルと背景画像を使用してこの効果を作成できますが、CSS を使用できるようにしたいです。出来ますか？

デモ: http://jsfiddle.net/2ARfR/

Answer 1

この jsbin を試してください: http://jsbin.com/arisuy/5/edit

関連CSS

p {
  width: 50px;
  text-align: center; 
  position : relative;
}

p:before { 
  position: absolute;
  content : "";
  left  : 50%;
  top   : 0;
  height: 100%;
  width : 0;
  border-right: 1px #666 solid;

}