如何在css中换行

Question

I got some long text and I want to an auto-line break system. Is there any way to do this?

Here is my div;

<div class="alert alert-warning" style="font-size: 100%; text-align: left;">some long text here!</div>

I tried some solutions but it didn't worked for me.

word-wrap: break-word;
overflow: visible;

EDIT: I am getting same output like above. When I change the width of this div, div's width is changing but text remains same.

<div class="alert alert-warning" style="font-size: 100%; text-align: left; word-wrap: break-word !important;
            overflow: visible !important;">fadsfsd dsf asdf asdf asdf asdf asdffafdsafads dsf sadf asdf sadf asdf sdsdfasdfadsfdasfsdds sadf sadf sadf asdf asfsdfsdfasdfadsfdasfdsa sdaf sadf sadfas d
</div>

Answer 1

try this:

word-wrap: break-word;
overflow: visible;
width: 800px;

word-wrap only works if a width is specified.

Answer 2

Use this css style it will work:

.alert alert-warning{
width:98%;/*set the width by your needs*/
white-space: normal;}