title: Vertical pagination, make li elements same width?
body: <p>The li elements are not the same size, also, the first and last li elements have rounded borders, how do I make all li elements have the same width and no rounded borders?<BR><BR>
  <strong>HTML:</strong></p>
  
  <pre><code>&lt;div style="margin-left:5px;float:left;width:25px;"&gt;
      &lt;ul id="paginacao" class="pagination"&gt;
          &lt;li&gt;&lt;a&gt;A&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a&gt;B&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a&gt;C&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a&gt;D&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#paginacao li{
      width:40px;
      max-width:40px;
  }
  </code></pre>
  
  <p><strong>Bootply:</strong><br>
  <a href="http://www.bootply.com/KN9RHyoEYc#" rel="nofollow">http://www.bootply.com/KN9RHyoEYc#</a></p>