title: organizing some content with ul (to look grid-like)
body: <p>Hey guys, i need to display all 27 states from brazil in a selection div, I really need to do it using UL.. this is a projection of how they should look:
  <a href="http://img24.imageshack.us/img24/8726/statesf.jpg" rel="nofollow noreferrer">alt text http://img24.imageshack.us/img24/8726/statesf.jpg</a></p>
  
  <p>And this is a piece of the UL: What would you suggest? can i do that using this markup?            </p>
  
  <pre><code>&lt;ul class="ufLista"&gt;
                  &lt;li&gt;
                      &lt;ul&gt;
                          &lt;li&gt;&lt;a href="#" title="AC"&gt;AC&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#" title="AL"&gt;AL&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#" title="AM"&gt;AM&lt;/a&gt;&lt;/li&gt;
                       &lt;/ul&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;ul&gt;
                          &lt;li&gt;&lt;a href="#" title="CE"&gt;CE&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#" title="DF"&gt;DF&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#" title="ES"&gt;ES&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;ul&gt;
                          &lt;li&gt;&lt;a href="#" title="MT"&gt;MT&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#" title="MS"&gt;MS&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#" title="MG"&gt;MG&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
               &lt;/ul&gt;
  </code></pre>