Reputation: 835
I'm facing a tiny problem. I'm not able to solve it.
I'm using the awesome Ionic framework to build a nice application. trying to work with list items.
I'm setting a max width for the text, and I want test to jump to the next line, this is not working, I'm using word-wrap: break-word;
my text is appearing like that :
I want the text to jump next line.
Here is : CODEPEN CODE + DEMO
Upvotes: 7
Views: 10603
Reputation: 868
Overwrite the white-space property for line-break, and to center the text add margin-left and margin-right auto;
a.item h3 {
margin-left: auto;
margin-right: auto;
white-space: normal;
}
Upvotes: 5