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;

}