title: How do i align photos
body: <p>I've tried to play with the % but the photos keep clipping each other instead of sitting side by side.Im just trying to get each photo to sit next to each other horizontally.Any ideas on what im doing wrong?
   Ps im new to coding so if this is a easy fix my bad</p>
  
  <p>Snippet:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body{
    margin:0 auto 0 auto;
   max-width: 750px;
  }
  
  li{
   display:inline-block;
   width:25%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="uno"&gt;
     &lt;li&gt;Anime&lt;/li&gt;
   &lt;ol&gt;
    &lt;li&gt;
          &lt;a href="http://cowboybebop.wikia.com/wiki/Main_Page"&gt; 
           &lt;img src="http://i.imgur.com/RmlPLKy.jpg" 
              alt="See you in space cowboy..." width="500" hight="500"
                  &gt;Cowboy Bebop&lt;/li&gt;`   
      
                                                                                      
   
  
        &lt;li&gt; 
       &lt;a href="http://fma.wikia.com/wiki/Main_Page"&gt; 
        &lt;img src="http://68.media.tumblr.com/291ca87d855bf9fce76a148b3ebbf262/tumblr_n4ygiesFsG1sji00bo1_1280.jpg" 
         alt="Best Alchemist" width="500" hight="500"
           &gt;Full Metal Alchemist&lt;/li&gt;
  
   
      &lt;li&gt; 
           &lt;a href="http://gundam.wikia.com/wiki/Mobile_Suit_Gundam_Wing"&gt; 
            &lt;img src="http://cdn.pcwallart.com/images/gundam-wing-deathscythe-wallpaper-2.jpg" alt="Death Scythe" width="500" hight="500"
                       &gt;Gundam Wing&lt;/li&gt;
  
    
  
     
    
  
      &lt;li&gt;
            &lt;a href="http://champloo.wikia.com/wiki/Samurai_Champloo_Wiki"&gt; 
             &lt;img src="https://i.pinimg.com/originals/26/5b/c7/265bc7d70425503b0e9c9c3226b4bfcd.jpg" 
               alt="Jin Fuu Mugen" width="500" hight="500"
                   &gt;Samurai Champloo&lt;/a&gt;&lt;/li&gt;
   &lt;/ol&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>