I have a unordered list with in a div 

```
<div class="myClass">
  <ul>
      <li>Login to your account</li>
      <li>Visit the Accounts ? Invoices page</li>
      <li>Click the <span class="bold">Pay Now</span> button</li>
   </ul>
 </div>

```

How can i replace "?" in the second li with "-->" using pure css