Pozycjonowanie diva względem spana w środku

Mam diva, w nim 3 spany. Chcę aby wszystko było wypozycjonowane tak, aby środowy span był na środku ekranu, a sąsiednie spany od razu przy nim. Wszystko bez względu na szerokość spanów. Nie mam pojęcia jak się za to zabrać, ani co wpisać w google aby to znaleźć.

Pietruch wystarczy nauczyc sie podstaw CSS :P

http://jsfiddle.net/vduc0qxn/1/

Mi chodzi o to żeby środkowy span był zawsze na środku, a w Twoim kodzie jak dopiszę coś do trzeciego spana to wszystko się przesuwa w lewo, bo cały div się wyśrodkowuje. Chciałbym to zrobić tak, aby przy dopisywaniu czegoś do pierwszego lub trzeciego spana pozostałe się nie ruszały.

Obawiam sie ze samym css sie tego nie da zrobic, bo z tego co wiem nie ma mozliwosci zrobienia center na divie i float right + float left na pozostalych (ale moge sie mylic). Jedyne co mozesz zrobic, to zamknac spany w divy i dac im width 33%, a na skrajne spany dac text-align right i left.

@Edit
http://jsfiddle.net/vduc0qxn/4/
Mozesz sprobowac czegos takieg, moze nie jest to najpiekniejsze rozwizanie, ale dziala (+1 jest dlateog, ze width() jquery zaokragla do dolu i sypal sie tekst)

$('.wrapper').each(function(){
    var midColWidth = $(this).find('.col-middle').width()+1;
    var wrapperWidth = $(this).width();
    
    $(this).find('.col-left').css('width', function(){
        return (wrapperWidth - midColWidth)/2;
    });
    $(this).find('.col-right').css('width', function(){
        return (wrapperWidth - midColWidth)/2;
    });
});

Ale sposób jest. Dzięki za pomoc i zaangażowanie!. Co prawda postanowiłem trochę przebudować stronę, żeby jednak się tym nie martwić, ale wiedza zawsze się przyda na przyszłośc.