title: Inline horizontal spacer in HTML
body: <p>I am making a Web page with a slideshow, using the same technique used on <a href="http://zine.pocoo.org/" rel="noreferrer">http://zine.pocoo.org/</a>. The person I'm making the site for wants the slideshow to be centered. However, some of the photos are portrait layout and some are landscape. (This was not my choice.) I need a <code>position: absolute</code> to get the li's containing the items in the right place, so centering them does not work. (At least, not by normal methods.)</p>
  
  <p>So, I thought that it might work to insert a 124-pixel "spacer" before the image on the portrait pictures. I tried it with a <code>&lt;span style="width: 124px;"&gt;&amp;nbsp;&lt;/span&gt;</code>, but it only inserts a single space, not the full 124 pixels. The slideshow fades in and out OK, though, so I think that it would work if I could get the proper spacing.</p>
  
  <p>My question is this: does anyone know a way to have 124px of space <strong>inline</strong> in HTML (preferably without using images), or another way to center the pictures in the <code>li</code> items?</p>