text-overflow: ellipsis; overflow: hidden; text-wrap: nowrap;.cut-text { text-overflow: ellipsis; overflow: hidden; width: 160px; height: 1.2em; white-space: nowrap; }#content{ overflow: hidden; width:100px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* Apply ellipsis (...) for overflowing text */ .container { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }#content{ overflow: hidden; width:100px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }