Overflow paragraph with ellipsis
So I have a fixed height cell with title and content (shown below).
When the screen size gets smaller, the title gets
Here's the markup I used for the title and content:
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
However, with a piece of content (simple
), the content extends outside the container (not shown in the picture). Also, since the content usually has a paragraph, when I apply the same css markup as above, it goes outside the container in a long line without
What I am trying to achieve is the last part (red circle) in the image.
So, I already have an outer cell
. How can I make it so that the content is inside the cell
and all overflows go to the next line, and
is applied instead of a long straight line?
source to share