title: CSS right aligned list
body: <p>How should I align the list to the right?
  The text aligns perfectly, however <strong>bullets do not</strong>. Is there a simple and easy way to do so with CSS?</p>
  
  <p><strong>Code:</strong></p>
  
  <pre><code>&lt;ul style="text-align: right"&gt;
  &lt;li&gt;Item 1&lt;/li&gt;
  &lt;li&gt;Item 2&lt;/li&gt;
  &lt;li&gt;Item 3&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Even if I put the rules for LI elements directly to be aligned to the rigth, it does not work.</p>
  
  <p><strong>EDIT</strong>
  I have attached an image showing what I want to achieve:
  <img src="https://i.stack.imgur.com/PyUAp.png" alt="On the right is what I want. On the left is what I have"></p>