width: 500(lebar text 500);
text-overflow: ellipsis(akan otomatis mengenter agar tidak melibihi width);
white-space: nowrap(text yang melebihi tidak akan di spasi);
overflow: hidden(karena text yang di overdlow tidak di spasi namun masihh terhitung melebihi akan di hidden);

Text-overflow, white-space, overflow. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam fuga inventore distinctio libero, praesentium id ad quidem. Ullam, iure adipisci? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam fuga inventore distinctio libero, praesentium id ad quidem. Ullam, iure adipisci? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam fuga inventore distinctio libero, praesentium id ad quidem. Ullam, iure adipisci?

width: 500(lebar text 500);
text-overflow: ellipsis(akan otomatis mengenter agar tidak melibihi width);

text-overflow Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam fuga inventore distinctio libero, praesentium id ad quidem. Ullam, iure adipisci? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam fuga inventore distinctio libero, praesentium id ad quidem. Ullam, iure adipisci? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam fuga inventore distinctio libero, praesentium id ad quidem. Ullam, iure adipisci?