CSS里的伪元素怎么添加

Question

DISCOVER下面的那个竖线如何用伪元素做出来。

我的代码是

HTML部分：

<span><strong>DISCOVER</strong></span>

CSS部分：

{
    :: : :: :% %: :%: }
:{
    :
    ::%:}

做出来没有显示

望各位指教

Answer 1

span{display:block;}span:after{conten:''; margin:auto; width:1px; height:100px; background:#fff; display:block;}

Answer 2

在下实在看不懂

Answer 3

{    :: : :: :% %: :%: }:{    :    ::%:}你的代码,这是什么鬼?