Overflow prob in css

Question

While i was making a website i had a problem of text overflow.

This is the code

div {
  width: 100px;
  background: blue;
}

 <div>sssssssssssssssssssssssssssssssssssssssss</div>

The ssssss is overflowing in the div i want them on the next line without typing <br>.

I dont know how to apply display: flex;. Please give me some code for making the sss only stand inside the div

Rayon · Accepted Answer · 2016-05-20 07:14:49Z

5

div {
  width: 100px;
  background: blue;
  word-break: break-all;
}

<div>sssssssssssssssssssssssssssssssssssssssss</div>

answered May 20, 2016 at 7:12

Rayon

36.6k5 gold badges54 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

@Advaith, I'm glad it helped! Happy Coding

Glorfindel · Accepted Answer · 2021-11-05 06:49:10Z

3

Use word-break: break-all property

div {
      width: 100px;
      background: blue;
      word-break: break-all
  
    }

Check this jsfiddle

Glorfindel

22.8k13 gold badges97 silver badges124 bronze badges

answered May 20, 2016 at 7:13

brk

50.3k10 gold badges59 silver badges85 bronze badges

Thank you very much bro.