title: How to control size of list-style-type disc in CSS?
body: <p>My HTML first:</p>
  
  <pre><code>&lt;ul class="moreLinks" &gt;
      &lt;div&gt;More from Travelandleisure.com&lt;/div&gt;
  
          &lt;li&gt;&lt;a rel="nofollow" href=""&gt;xyz1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a rel="nofollow" href=""&gt;xyz1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a rel="nofollow" href=""&gt;xyz1&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I know that I can apply font-size on li very small so that disc look correct to me and then apply css to "a" inside li. But I do not know why this is not working on the site I am working. I cannot control the html directly. </p>
  
  <p>I saw that when I make this:</p>
  
  <pre><code>.farParentDiv ul li {
      list-style: disc inside none;
  }
  </code></pre>
  
  <p>TO this:</p>
  
  <pre><code>.farParentDiv ul li {
      list-style-type: disc;
      font-size:10px;
  }
  </code></pre>
  
  <p>and now after applying font-size to "a", it works in Firebug. but from my css file. I tried a lot but tired. I can overwrite the above this in css file but cannot change it directly as I did in firebug.  Please write what can be the problem?</p>
  
  <p>I used to put dots (.) just before link inside  and then apply css on that to control the disc size, but as I said, I cannot control the HTML. </p>