title: horizontal center of floated images
body: <p>how can I straighten out images with different width.
  They are all floated right. I want to have them right beneath.</p>
  
  <p>The example window is small for best displaying so try it in fullscreen on your computer.</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>.kompresor{
   height: 150px;
   float: right;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;
  
  &lt;a href="../fotky/ESM250.gif" rel=lightbox[kompresor1] data-title="kompresor Gardner Denver ESM250"&gt;&lt;img src="http://matmasar.wz.cz/fotky/ESM250.gif" title="kompresor Gardner Denver ESM250" alt="kompresor Gardner Denver ESM250" class="kompresor"&gt;&lt;/a&gt;
  - Mazné šroubové kompresory systém zatíženo – odlehčeno, typ &lt;b&gt;ESM 2 -500&lt;/b&gt;
  &lt;ul&gt;
  &lt;li&gt;Stálá rychlost motoru&lt;/li&gt;
  &lt;li&gt;Dodávaný objem: 0,24 – 73,60 m&lt;sup&gt;3&lt;/sup&gt; /min&lt;/li&gt;
  &lt;li&gt;Výstupní tlak: 5 - 13 bar&lt;/li&gt;
  &lt;li&gt;Výkon až 500kW&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  
  
  &lt;div&gt;
  - Mazné šroubové kompresory s frekvenčním měničem, typ &lt;b&gt;VS7 – VS290&lt;/b&gt;
  &lt;a href="../fotky/GD_VS7.gif" rel=lightbox[kompresor2] data-title="kompresor Gardner Denver VS7"&gt;&lt;img src="http://matmasar.wz.cz/fotky/GD_VS7.gif" title="kompresor Gardner Denver VS7" alt="kompresor Gardner Denver VS7" class="kompresor"&gt;&lt;/a&gt;
  &lt;ul&gt;
  &lt;li&gt;Proměná rychlost motoru = vyšší efektivita provozu&lt;/li&gt;
  &lt;li&gt;Dodávaný objem: 0,41 – 42,30 m&lt;sup&gt;3&lt;/sup&gt; /min&lt;/li&gt;
  &lt;li&gt;Výstupní tlak: 5 - 13 bar&lt;/li&gt;
  &lt;li&gt;Výkon až 290kW&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  
  
  &lt;div&gt;
  - Bezmazné šroubové kompresory řady &lt;b&gt;Ultima U75 – 160 PureAir&lt;/b&gt;
  &lt;a href="../fotky/Ultima U75-160_PureAir.gif" rel=lightbox[kompresor3] data-title="kompresor Gardner Denver Ultima U75-U160"&gt;&lt;img src="http://matmasar.wz.cz/fotky/Ultima U75-160_PureAir.gif" title="kompresor Gardner Denver Ultima U75-U160" alt="kompresor Gardner Denver Ultima U75-U160" class="kompresor"&gt;&lt;/a&gt;
  &lt;ul&gt;
  &lt;li&gt;Jedinečný design – vysoká efektivita, nízký hluk&lt;/li&gt;
  &lt;li&gt;Proměná rychlost motoru&lt;/li&gt;
  &lt;li&gt;100% čistý vzduch bez oleje, splňuje ISO 8573-1 Class Zero (2010)&lt;/li&gt;
  &lt;li&gt;Výkon až 160kW&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>