Два div в ряд и оба с ellipsis
 

Добрый день.
Встала такая проблема.
Необходимо разместить два div'а с текстом со следущими условиями:
1) занимать они должны по возможности одну строку, заполняя ее по ширине
2) если в первом div'е настолько много текста, что он не помещается в строку - обрезать текст и поставить троеточие, а второй див начать со следущей строки
3) если во втором div'е текста настолько много, что он не помещается в строку - начать выводить его на той же строке что и первый div, а потом обрезать текст и поставить троеточие.
Вот с третьим пунктом проблемы.
Пока что наиболее похожий вариант выглядит вот так:

.class0{
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap !important;
    width:inherit; 
    float:none !important;
    display: inline-block  !important;
    max-width: 100%;
}

Но если второй div очень длинный, то он начинается с новой строки, а не с той же, что и 1-ый.
Попытки обернуть эти два дива в еще один, либо поиграться с их свойствами ни к чему хорошему не приводят.
Заранее спасибо за помощь.