title: How can I make an indented list and use double arrow as my character
body: <p>I have a list that I want to look like this:</p>
  
  <pre><code>» Hello here is a line that
    breaks
  » Hello here is a line that
    breaks
  » Hello here is a line that
    breaks
  </code></pre>
  
  <p>I use :before to add the double arrows:</p>
  
  <pre><code>li{
    width: 80px;
  }
  li:before {
    content: "\0273";
  }
  </code></pre>
  
  <p>This results in a list that lookd like this:</p>
  
  <pre><code>» Hello here is a line that
  breaks
  » Hello here is a line that
  breaks
  » Hello here is a line that
  breaks
  </code></pre>
  
  <p>How can I indent the second line aswell? I don't want to use images.</p>