Line в теге <span> с CSS

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

Я не уверен, если вы хотите этого, в следующий раз, объяснить вашу проблему немного больше.

С уважением.