I have little trouble with positioning an icon, could you please help me?
[Recent code]: <http://bootply.com/112777>
I am trying to position a ribbon icon at the left end of my line (I created the line by using `border-top` property on `li` element)
Thanks a lot!

```
<div class="container">
   <div class="row">
     <div class="col-lg-7" id="top-banner">
       <ul>
         <li>
           <p class="sell1">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> Ab nam amet enim aliquid veritatis eum! 
<i class="fa fa-bookmark-o"></i></li>
       </ul>
     </div>
  </div>
</div>

```

```
#top-banner li {
    list-style: none;
    border-top: 1px solid black; 
    width: 320px;
}
.sell1 {
    padding-left: 25px;
}

```