chat bubble using css

[aragon]

I created a chat bubble of max width 60%. I want to align the text automatically in the next line if the text exceeds the width. Can any one help me?

following is my css codes

.chat-bubble {
border-radius: 5px;
display: inline-block;
padding: 10px 18px;
position: relative;
margin: 10px;
max-width: 60%;
}

.chat-bubble:before {
content: “\00a0”;
display: block;
height: 16px;
width: 9px;
position: absolute;
bottom: -7.5px;
}

[Paulie_D]

There’s not enough there to specify.

Could you make a brief Codepen.io demo demonstrating the issue?

[Author]

Posts