overflow hidden wszystko krzywi

Chcę zrobić prostą rzecz.
Div na 100% szerokości zawierający 2 divy w środku, podzielone np. 20% : 80%. Drugi musi być ucinany parametrem "text-overflow: ellipsis". Bez overflow: hidden div nie jest przycinany, a jak dodam to ten po lewej stronie wyrównuje się jakby do dołu, a ten po prawej do góry. Ustawiłem jednemu i drugiemu display: inline-block;

Drugi ma jeszcze white-space: nowrap;

Dodałem vertical-align: middle; do obu divów się wyrównało. Nie wiem dlaczego domyślnie jeden był do dołu, drugi do góry, ale jakieś rozwiązanie przyszło jak zwykle kiedy napisałem na forum.