css - 使用 CSS 在 <span> 标签中划线

Question

这条线有问题:

如何在标签 <span> 中执行这一行用 CSS？

你能帮帮我吗？

Answer 1

试试这个:

http://codepen.io/anon/pen/obJEmE

   <span class="with-line">
     <span class="with-line-left-border"> </span>
   </span>

body {
  padding: 0;
  background-color: #1e88e5;
}

.with-line {
  position: relative;
  display: block;
  width: 200px;
  height: 3px;
  background-color: #fff;
  margin: auto;
  top: 220px;
}

.with-line .with-line-left-border {
  width: 3px;
  height: 25px;
  background-color: #fff;
  float: left;
  bottom: 10px;
  vertical-align: middle;
  position: relative;
}

我不确定你是否想要这个，下次再解释你的问题。

问候。