html wrap text,html - Css how to wrap text in li - Stack Overflow

I'm trying to wrap my text in my slide menu. I have ul max-width 200px, but when I write longer text, then my text is not visible ( now i added overflow: visible to show You what I mean ). How to wrap this?

My code looks like this:

Dropdown

• Dropdown header
• Action
• Another action
• Something else here
• Dropdown header
• Separated link

And css now :

.dropdown .dropdown-menu {

-webkit-transition: all 0.3s;

-moz-transition: all 0.3s;

-ms-transition: all 0.3s;

-o-transition: all 0.3s;

transition: all 0.3s;

max-height: 0;

display: block;

overflow: hidden;

opacity: 0;

}

.dropdown.open .dropdown-menu {

max-height: 200px;

opacity: 1;

}