title: Side by side items with images using CSS
body: <p>I am trying to display images side by side using just css.  The problem is that the images are not displaying inline but as a list (I am using the <code>&lt;ul&gt;</code> tag to accomplish this).  Maybe I am using the wrong type of tag or my css is just wrong (see below):</p>
  
  <pre><code>ul {
      float: left;
      width: 15em; /* width is changed */
      margin: 0;
      padding: 0;
      list-style-type: none;
      list-style-position: outside;
  }
  li {
      float: left;
      width: 100%;
      margin: 20%;
  } 
  </code></pre>