title: How to make a list with bullet to the right?
body: <p>I have a this html code:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;Lorem ipusm&lt;/li&gt;
      &lt;li&gt;Lorem ipusm&lt;/li&gt;
      &lt;li&gt;Lorem ipusm&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and CSS:</p>
  
  <pre><code>ul {
    list-style: none;
  }
  
  ul li:before {
    content: "• ";
    position: relative;ń
    font-size: 40px;
    color: #FF4237;
    top: 7px;
  }
  </code></pre>
  
  <p><a href="http://codepen.io/cjv/pen/jbONjZ" rel="nofollow">DEMO</a></p>
  
  <p>and I want that list to look like this (red bullets in right side):</p>
  
  <p><a href="http://jsfiddle.net/ahRX9/3/" rel="nofollow">DEMO</a></p>
  
  <p>I was looking for a solution but to no avail ;-(</p>