<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Ellipsis test</title> </head> <body> <div style="width: 40%; background-color: cyan;"> <div style="float: left; background-color: yellow; width: calc(100%-60px);"> <div style="background: red; float: left; text-overflow: ellipsis; width: 70%; min-width: 50px; overflow: hidden; white-space: nowrap;">Hosszú név, Hosszú név, Hosszú név, Hosszú név</div> <div style="float: left; background-color: blue;">Részletek</div> </div> <div style="float: right; background-color: green;">jobb szél</div> <div style="clear: both;"></div> </div> </body> </html>