Categories: CSS

CSS property word-wrap

Word-wrap is very useful css property. It is use to break long text in new line by giving break-word with the word-wrap property. For instance, if you have text extending out the box and breaking layout then you can use word-wrap property. Word-wrap is supported in all old and new major browsers like IE 5.5+, Firefox 3.5+,Opera, Chrom and Safari.

How to use word-wrap property?

CSS property word-wrap is very easy to use. Following is example.

.wraptext{
    word-wrap: break-word;
}

https://www.websourceblog.com_2013/03/css-property-word-wrap/

https://www.websourceblog.com_2013/03/css-property-word-wrap/

That’s it.

websourceblog

ReactJs, NodeJs, Amazon Web Services, Symfony, Laravel, CodeIgniter, Zend Framework, WordPress, Drupal, Magento, Angular

Recent Posts

Shopify vs Magento vs PrestaShop vs OpenCart: Why Do Businesses Prefer Shopify in 2026?

Choosing the right ecommerce platform can make or break your online business. But is Shopify…

2 days ago

30 Agents Every AI Engineer Must Build: A Blueprint for Production-Ready AI Systems

Most "AI agent" content online is still stuck at the demo stage — a slick…

1 month ago

Agentic Coding with Claude Code: The Book Every Developer Using AI Should Read

If you've been using Claude Code as little more than a fancy autocomplete — typing…

2 months ago

Centralizing Email Logging in Laravel with a Custom EmailLogChannel

When building real-world Laravel applications, email handling quickly becomes scattered. You send emails from controllers,…

5 months ago

Clean, Powerful API Filtering with Spatie Query Builder

Build flexible, readable, and secure query filters across multiple Laravel models — no more bloated…

7 months ago

AI Prompt Engineering Bible (7 Books in 1) – Master ChatGPT & Generative AI

Artificial Intelligence is transforming how we work, create, and earn. But most people get stuck…

1 year ago