使用CSS在标记<span>中添加行

Question

我对这一行有疑问：

如何使用CSS在标记<span>中执行此行？

你能帮助我吗？

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;
}

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

问候。