title: Trying To Center Align List Items
body: <p>I have tried margin: 0 auto and text-align targeting all sorts of elements, but can't get the gallery of images to center... what combination of CSS should I use and what div, ul, or li must I target?</p>
  
  <p><img src="https://i.stack.imgur.com/780Uh.png" alt="enter image description here"></p>
  
  <p>Here is the HTML:</p>
  
  <pre><code>&lt;ul class="loop"&gt;
      &lt;ul id="portfolio-filter"&gt;&lt;li&gt;&lt;a href="#all" title="" class="current"&gt;All&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#design" title="" rel="design"&gt;design&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#mobile" title="" rel="mobile"&gt;mobile&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#web" title="" rel="web"&gt;web&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt; &lt;ul id="portfolio-list"&gt;
  
      &lt;li class="fourcol rad_big mobile" style=""&gt;
  
          &lt;div class="item_full item_height1"&gt;
  
              &lt;div class="imgwrap"&gt;
  
                      &lt;span class="cats"&gt;&lt;h3&gt;&lt;a href="http://zappend.com/myportfolio/another-mobile-project/"&gt;Another mobile project&lt;/a&gt;&lt;/h3&gt;
                      &lt;p&gt;history app&lt;/p&gt;
                      &lt;/span&gt;
  
                      &lt;a href="http://zappend.com/myportfolio/another-mobile-project/"&gt;
  
                          &lt;img width="300" height="199" src="http://zappend.com/wp-content/uploads/2013/11/bg-300x199.jpg" class="attachment-folio wp-post-image" alt="bg" title="" style="opacity: 1;"&gt;                        
                      &lt;/a&gt;
  
              &lt;/div&gt;  
  
              &lt;div style="clear:both"&gt;&lt;/div&gt;
  
              &lt;a class="hoverstuff-zoom" rel="prettyPhoto[gallery]" href="http://zappend.com/wp-content/uploads/2013/11/bg.jpg" style="opacity: 0;"&gt;&lt;i class="icon-fullscreen"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;a class="hoverstuff-link" href="http://zappend.com/myportfolio/another-mobile-project/" style="opacity: 0;"&gt;&lt;i class="icon-signout"&gt;&lt;/i&gt;&lt;/a&gt;
  
          &lt;/div&gt;          &lt;/li&gt;
  
  
      &lt;li class="fourcol rad_big design" style=""&gt;
  
          &lt;div class="item_full item_height1"&gt;
  
              &lt;div class="imgwrap"&gt;
  
                      &lt;span class="cats"&gt;&lt;h3&gt;&lt;a href="http://zappend.com/myportfolio/design-project-1/"&gt;Design Project 1&lt;/a&gt;&lt;/h3&gt;
                      &lt;p&gt;city of birmingham HDR&lt;/p&gt;
                      &lt;/span&gt;
  
                      &lt;a href="http://zappend.com/myportfolio/design-project-1/"&gt;
  
                          &lt;img width="300" height="199" src="http://zappend.com/wp-content/uploads/2013/11/city-300x199.jpg" class="attachment-folio wp-post-image" alt="city" title="" style="opacity: 1;"&gt;                        
                      &lt;/a&gt;
  
              &lt;/div&gt;  
  
              &lt;div style="clear:both"&gt;&lt;/div&gt;
  
              &lt;a class="hoverstuff-zoom" rel="prettyPhoto[gallery]" href="http://zappend.com/wp-content/uploads/2013/11/city.jpg" style="opacity: 0;"&gt;&lt;i class="icon-fullscreen"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;a class="hoverstuff-link" href="http://zappend.com/myportfolio/design-project-1/" style="opacity: 0;"&gt;&lt;i class="icon-signout"&gt;&lt;/i&gt;&lt;/a&gt;
  
          &lt;/div&gt;          &lt;/li&gt;
  
  
      &lt;li class="fourcol rad_big web" style=""&gt;
  
          &lt;div class="item_full item_height1"&gt;
  
              &lt;div class="imgwrap"&gt;
  
                      &lt;span class="cats"&gt;&lt;h3&gt;&lt;a href="http://zappend.com/myportfolio/website-project/"&gt;Website Project&lt;/a&gt;&lt;/h3&gt;
                      &lt;p&gt;zappend website&lt;/p&gt;
                      &lt;/span&gt;
  
                      &lt;a href="http://zappend.com/myportfolio/website-project/"&gt;
  
                          &lt;img width="300" height="199" src="http://zappend.com/wp-content/uploads/2013/11/main-slider-300x199.jpg" class="attachment-folio wp-post-image" alt="main-slider" title="" style="opacity: 1;"&gt;                        
                      &lt;/a&gt;
  
              &lt;/div&gt;  
  
              &lt;div style="clear:both"&gt;&lt;/div&gt;
  
              &lt;a class="hoverstuff-zoom" rel="prettyPhoto[gallery]" href="http://zappend.com/wp-content/uploads/2013/11/main-slider.jpg" style="opacity: 0;"&gt;&lt;i class="icon-fullscreen"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;a class="hoverstuff-link" href="http://zappend.com/myportfolio/website-project/" style="opacity: 0;"&gt;&lt;i class="icon-signout"&gt;&lt;/i&gt;&lt;/a&gt;
  
          &lt;/div&gt;          &lt;/li&gt;
  
  
      &lt;li class="fourcol rad_big mobile" style=""&gt;
  
          &lt;div class="item_full item_height1"&gt;
  
              &lt;div class="imgwrap"&gt;
  
                      &lt;span class="cats"&gt;&lt;h3&gt;&lt;a href="http://zappend.com/myportfolio/mobile-app/"&gt;Mobile App&lt;/a&gt;&lt;/h3&gt;
                      &lt;p&gt;Zappend App&lt;/p&gt;
                      &lt;/span&gt;
  
                      &lt;a href="http://zappend.com/myportfolio/mobile-app/"&gt;
  
                          &lt;img width="300" height="199" src="http://zappend.com/wp-content/uploads/2013/11/mobile-app-slider-300x199.png" class="attachment-folio wp-post-image" alt="mobile-app-slider" title="" style="opacity: 1;"&gt;                        
                      &lt;/a&gt;
  
              &lt;/div&gt;  
  
              &lt;div style="clear:both"&gt;&lt;/div&gt;
  
              &lt;a class="hoverstuff-zoom" rel="prettyPhoto[gallery]" href="http://zappend.com/wp-content/uploads/2013/11/mobile-app-slider.png" style="opacity: 0;"&gt;&lt;i class="icon-fullscreen"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;a class="hoverstuff-link" href="http://zappend.com/myportfolio/mobile-app/" style="opacity: 0;"&gt;&lt;i class="icon-signout"&gt;&lt;/i&gt;&lt;/a&gt;
  
          &lt;/div&gt;          &lt;/li&gt;
  
      &lt;/ul&gt;
  &lt;/ul&gt;
  </code></pre>