Text aligning in CSS in widget

[sri vijaya]

Hi

How to arrange the text alignment correctly within the background color in css in widget configuration ,Given the expected and actual screenshots below 

CSS in widget i have given :

div {

background-color : lightblue;

width :auto;

height:100px;

}

Actual output:

Expected output:

Please help me to resolve this issue

@Dr Atul G- LNG @James Chun @Community Alums 

[Community Alums · Accepted solution]

Hi @sri vijaya ,

You can use below CSS property it will work

word-break: break-word;

div {

background-color : lightblue;
word-break: break-word;
width :auto;
fonr-weight: bold;
height:100px;
padding: 15px
}

Result 

Please mark my answer correct and helpful if this works for you

Thanks and Regards 

Sarthak