CSS-Problem: Link für "Nächster/Vorheriger Beitrag" ordentlich nebeneinander

Hallo!

Bei der Einzelansicht eines Beitrags kann gibt es die schönen Links um zum nächsten bzw. zum vorherigen Beitrag zu gelangen. Diese sollen schön nebeneinander stehen. Funktioniert soweit auch ganz gut:

http://img695.imageshack.us/i/11391802.png/

Wenn jetzt aber einer der beiden Beitragstitel zu lang ist, werden die Titel untereinander angezeigt:

http://img827.imageshack.us/i/62072273.png/

Zum besseren Beispiel habe ich beiden Titeln Überlänge verpasst. Mein Theme-Code sieht so aus:

<div class="navigation">
            <div class="alignleft"><?php previous_post('&laquo; %','','yes') ?></div>
            <div class="alignright"><?php next_post(' % &raquo;','','yes') ?></div>
        </div>

Der zugehörige CSS-Code:

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }


.alignleft {
    float: left;
    }


.alignright {
    float: right;
    }

Ich möchte, dass bei zu langen Beitragstiteln diese dennoch nebeneinander stehen, und dann eben ab Mitte des Anzeigebereichs umgebrochen werden. Ich habe schon ein wenig mit CSS rumgespielt, leider aber kein brauchbares Ergebnis erhalten. Kennt jemand die Lösung und kann helfen?

MfG
Pixelnerd

Klappt wunderbar, allerbesten Dank!

Blog ist noch nicht am Start, und ich will noch nicht von Google gefunden werden, daher kein Link. ;) Nächstes mal werde ich aber einfach ein paar Zeichen im Link ersetzen, so sollte es funktionieren. :)