[CSS] Tekst dostosowuje się do szerokości diva i nie wychodzi po za niego

Question

Tak jak w temacie. Wie ktoś jak zrobić tekst który nie ważne od tego jak długi jest ten tekst i tak nie będzie wychodził po za obszar tego diva ale jednocześnie będzie największy jak tylko może być w tym divie?

Starałem się to zrobić za pomocą vw i max-content ale nie działa

Answer 1

Wystarczy ustawić odpowiednią szerokość tego diva tzn. narzucić mu np width: 300px;, ustawić margin: 0;
Jeśli to zrobić to tekst będzie jak najdłuższy w danym wierszu ze względu na margin 0; oraz nie powinien przekroczyć tych 300px i pójdzie w dół do następnego wiersza. Chyba o to chodziło

Comments

Nie do końca chodzi mi o to aby zawsze był w 1 wierszu nie zależnie od długości tego tekstu

Answer 2

`white-space: nowrap;` + `overflow: hidden;`?

https://codepen.io/ScriptyChris/pen/mdPLNLp

Comments

No dobra ale ja jednocześnie chcę aby widoczny był cały tekst

1.Ma nie wychodzić poza element

2.Ma być w jednym wierszu

3.Ma być widoczny cały