title: Align bullet points to the right instead of left
body: <p>I have bullet points that are aligned right and I would like the bullet points to appear on the right instead of left.</p>
  
  <p>I'm using bullet points because I will replace the bullet with an arrow the points to a URL and use it for navigation. </p>
  
  <p>How do I do this?</p>
  
  <p>This is the code that i'm using for the navigation in the header:</p>
  
  <pre><code>.header right {
  padding-top: 8px;
  float: right;
  text-align: right;
  }
  .header right ul
  {
  margin:0;
  padding:0;
  }
  .header right a
  {
  display:block;
  color: black;
  text-decoration: none;
  }
  </code></pre>
  
  <p>and the html</p>
  
  <pre><code>&lt;right&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href=""&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Jewel Thieves&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Community&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/right&gt;
  </code></pre>
  
  <p>If I use direction rtl, the bullets dissapeared.</p>