title: Change menu positon
body: <p>I've built a menu for my site and I want to change its position, I used this for developing it </p>
  
  <p><strong>HTML</strong>:</p>
  
  <pre><code>&lt;ul&gt;&lt;li class="li-bala"&gt;تماس با ما&lt;/li&gt;&lt;li class="li-bala"&gt;سفارش&lt;/li&gt;&lt;li class="li-bala"&gt;درباره ما&lt;/li&gt;&lt;li class="li-bala"&gt;محصولات&lt;/li&gt;&lt;/ul&gt;
  </code></pre>
  
  <p><strong>CSS</strong>:</p>
  
  <pre><code>li {
        display: inline-block;
        margin: 10px 45px 10px 45px;
        padding: 10px 45px 10px 45px;
        border: thin;
        background-color: wheat;
        margin-right:0px;
        right:0px;
   }
  
   ul {
         direction:rtl;
         list-style-type: none;
         position:fixed;
         margin-right:0px;
         right:0px;
   }
  </code></pre>
  
  <p>I've used right in both <code>&lt;ul&gt;</code> and <code>&lt;li&gt;</code> in my <strong>CSS</strong> but it doesn't work and still my menu is on the left side.</p>
  
  <p><a href="http://s1.upload7.ir/uploads/uzJ2UtHG8pX7yDuHmAm7xCX4ppZNjG4D7CwRX5qW" rel="nofollow">like this img</a></p>
  
  <p>Also I have to say sorry that its not a live site, it is just for training, so I can't provide you its URL.</p>
  
  <p>I have another question about my webpage winch I'll ask it in next question.</p>
  
  <p>Please help me into this.</p>