Aynı hat 'yüzer:' öğeyi Sol. Sol kullanarak iki ürün olsun istiyorum

Sorun yalnız bunu başarmak zorundayım. Sorun, iki öğe etmek istiyorumkalaynı hat üzerindetarayıcı çok küçük yeniden bile. Tablo ile ne kadar... gibi.

Hedef sarma sağdaki öğeyi tutmakne önemi yok.

Peki ben nasıl tercih ederim tarayıcı css kullanarak söylemekiçeren div streçdaha float: right; div float: left; dıv aşağıda çok sar?

örnek: ben ne istiyorum:

                                             \
  ---------------    ------------------------/
 | float: left;  |  | float: right;          \
 |               |  |                        /
 |               |  |content stretching      \   Screen Edge
 |               |  |the div off the screen  /  <---
  ---------------    ------------------------\
                                             /

Başka bir seçenek, kayan yerine, ana bir div white-space özellik kısmını kaplayacak ayarlamak için:

.parent {
     white-space: nowrap;
}

ve divs kalın beyaz boşluk kullanımı ve ınline-block görüntü Sıfırla aynı satırda ama hala bir genişlik verebilir.

.child {
    display:inline-block;
    width:300px;
    white-space: normal;
}