I have an OL list of numbered LI items. I want to put a left border around each separate LI element. However, I am only able to put the border to the right of the bullet number, and I want it to the left.
Here's the http://jsfiddle.net/z7gkLnc7/
I want to keep the div wrapper around the LI elements.
<ol>
<div class = "li_wrapper">
<li>I am a line</li>
</div>
<div class = "li_wrapper">
<li>I am a line</li>
</div>
</ol>
Styles:
.li_wrapper{
font-size:20px;
margin-top:10px;
}
li{
border-left:red 2px solid;
}