The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS chat bubble using css

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #235673

    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;


    There’s not enough there to specify.

    Could you make a brief demo demonstrating the issue?

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.