CSS3 > Texts

Wordwrap in CSS3

How to break the text using wordwrap property in CSS


Wordwrap

It breaks the text and make text to fill in the nextline

<body>
    <p>Wordwrap property breaks the page and makes the text enter in to nextline</p>
   <p style="height:200px;width:190px;border:2px solid green;word-wrap:break-word;">TechFunda is a free How to web technologies tutorials website. Enjoy your learning in How to manner that are based on real time problem solutions. If you have a how to problem to ask, please ask here.</p>
</body>

In the above code snippet we have defined the wordwrap property by using word-wrap="break-word", it break the text and makes text to fill in the nextline 

output

 Views: 559 | Post Order: 139



Write for us