html - 幅に合わせてブロック内のCSS自動マージン

Question

私はこのHTMLコードを持っています:

<div class="link-area">
     <a href="/" id="parts">Автозапчасти</a>
     <a href="/catalogs/oil_mp" id="oils">Масла/автожидкости</a>
     <div class="oil-dd"></div>
     <a href="/catalogs/accums_mp" id="accums">Аккумуляторы</a>
     <a href="/catalogs/wheel_fixture_mp" id="wheel_fixtures">Крепёж</a>
     <div class="wheel_fixture-dd">     
     </div>
     <a href="/catalogs/wheel_fixture_mp" id="parts_for_service">Запчасти для ТО</a>
 </div>

次のようになります。

しかし、div のブロック間でlink-areaマージンが auto に設定され、このすべてのブロックが のすべての幅に配置されるように変更する必要がありlink-areaます。

これどうやってするの？私のJS fiddleを見てください。