title: how to center align the images inside li?
body: <p>Sorry for my silly question as I am new to web dev.</p>
  
  <p>I got a wrapper of 880px and inside that is the code below. i am trying to get all li elements equally spread horizontally within 880px and have everything inside li element center aligned. I try to avoid using margin-right to spread them, as the last li supposed to perfectly aligned to the right. What would be the best css tricks to achieve this. Thanks a ton in advance!</p>
  
  <pre><code>    &lt;div id="services"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;img src="images/icon.png" width="104" height="84" alt="" style="display:block"/&gt;&lt;p class="ser-tag"&gt;Title1&lt;/p&gt;&lt;p class="ser-subtag"&gt;subtag1&lt;br&gt;subtag2&lt;br&gt;subtag3&lt;/p&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="images/icon.png" width="104" height="84" alt="" style="display:block"/&gt;&lt;p class="ser-tag"&gt;Title2&lt;/p&gt;&lt;p class="ser-subtag"&gt;subtag1&lt;br&gt;subtag2&lt;br&gt;subtag3&lt;/p&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="images/icon.png" width="104" height="84" alt="" style="display:block"/&gt;&lt;p class="ser-tag"&gt;Title3&lt;/p&gt;&lt;p class="ser-subtag"&gt;subtag1&lt;br&gt;subtag2&lt;br&gt;subtag3&lt;/p&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="images/icon.png" width="104" height="84" alt="" style="display:block"/&gt;&lt;p class="ser-tag"&gt;Title4&lt;/p&gt;&lt;p class="ser-subtag"&gt;subtag1&lt;br&gt;subtag2&lt;br&gt;subtag3&lt;/p&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="images/icon.png" width="104" height="84" alt="" style="display:block"/&gt;&lt;p class="ser-tag"&gt;Title5&lt;/p&gt;&lt;p class="ser-subtag"&gt;subtag1&lt;br&gt;subtag2&lt;br&gt;subtag3&lt;/p&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="images/icon.png" width="104" height="84" alt="" style="display:block"/&gt;&lt;p class="ser-tag"&gt;Title6&lt;/p&gt;&lt;p class="ser-subtag"&gt;subtag1&lt;br&gt;subtag2&lt;br&gt;subtag3&lt;/p&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>