在标签 <span> 中加入 CSS 行

Question

我对这行有问题：

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

你能帮帮我吗？

Answer 1

试试这个：

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

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

此致。

在标签 <span> 中加入 CSS 行

Line in the tag <span> with CSS

css

line