伪元素的margin值挤压主元素解决

问题伪元素的margin值挤压主元素解决问题。主体是两个p标签，左边需要加一条竖线。这是一个非常普遍的要求。目标先决条件1.右边边上的文字数量不固定。1.before元素需要是`float:left`；2.当文本个数不固定时，整个元素的宽度为auto，根据文本内容计算。这时候使用:before伪元素，如果伪元素占用的宽度过大，文本就会被挤压。演示：之前{浮动：左；高度：67px；内容：'';border-right:solid3px$primary;border-left:solid2px$primary;margin-right:10px;}解决方案更改margin-right:10px;左边距：-10px；使其不占用主体jsfiddle的空间