Three different type of Word-Wrap options in HTML CSS
CK CK 3788 
Created at  
 1,184 0 0

In HTML CSS, there are six different type of options in terms of word-break, and I usually use three of them for richer user interface.

Below is the proto-type in CSS style.

word-break: normal|break-all|keep-all|break-word|initial|inherit;

 

Below is working example:

Three different type of Word-Wrap options in HTML CSS

Tags WordWrap word-break word-wrap Facebook X
Comments 0
More in Web Technology
  1. JavaScript Code to Get Page Keywords
    347
  2. What is OpenGraph?
    366
  3. What is Twitter Cards?
    402
  4. Code to Extract the Site Thumbnail Image for Twitter or Facebook
    390
  5. JavaScript Code to Get the Page Title
    334
  7. JavaScript Code to Get Meta Description from HTML
    394
  8. Javascript code to extract favicon URL
    396
  9. RSS to Array in JavaScript
    2,149
  10. Javascript function to convert sitemap.xml to array
    598
  11. Understanding Elasticsearch from Installation to Trouble Shooting
    911
  12. IndexNow for better SEO
    317
  13. Enhancing SEO for Single Page Applications: Implementing Dynamic URL Updates
    1,039
  14. Method to ignore JavaScript Errors globally instead of try... catch for each of cases
    969
  15. Method to catch the browser console log and errors for remote web debugging
    2,171
  16. Atlassian Jira Ticket API Response Example
    2,765
  17. JavaScript code to load XML Document
    601
  18. Creating a Pinterest-Style Card Layout with Bootstrap and Masonry
    595
  19. Equal Height Blocks in Bootstrap with JavaScript
    710
  21. Copy text to clipboard in Javascript
    1,715
  22. To block copy & paste on your blog content
    901
  23. Shake your browser window by Javascript
    935
  24. Photoshop script programming in Javascript
    531
  25. To compare two HTML tables on web page in real time
    515
  26. To hide/show area of web page without re-loading a page
    1,021
  27. Displays the html tags without rendering on a webpage
    352
  28. Javascript based query parser for AJAX application
    565
  29. To get web browser capability
    525
  30. Photo thumbnail viewer implemented in javascript
    487
  32. Javascript Confirmation
    593
  33. Javascript Prompts
    450
Recently updated
  1. Why 100% SEO Guarantees Better User Engagement and How to Achieve It in Your Service
    39
  2. Why SPF and DKIM Are Essential for Linux Email Servers?
    34
  3. How do I create animated background for Google Meet?
    20,611
  4. MaxMind GeoLite2 vs. DB-IP Lite vs. ip-api.com: Choosing the Right Free IP Geolocation Solution
    244
  5. Meet Valkey: Why Redis Changed Its License, Why Valkey is Better, and How to Use It as a Drop-in Replacement
    94
  6. How Rogue Web Scrapers Are Stealing My Content and Destroying My Server
    157
  7. Array of arguments passed to script in PHP
    90
  8. Invalid Auction Storms in Ad Tech
    98
  9. Building MRC-Compliant Instrumentation in Ad Tech: Implementation Steps and Key Challenges
    202
  11. The Two Clocks of Ad Server Architecture
    70
  12. Frequency Cap Architecture Overview
    514
  13. Collecting Proof-of-Play from 100,000 Screens
    146
  14. Vector Search in Relational Databases (RDBs): Trends & Usage Environments
    287
  15. What is RedisVL?
    109
  16. Designing a Skill Registry Architecture: Minimize Token Usage and Maximize AI Performance
    230
  17. TPU & GPU Cluster Management Tools
    243
  18. The Concept of Scaffolding in AI Agents
    233
  19. Beyond Static Pipelines: Architecting LLM Multi-Agent Systems for Autonomous Workflow Orchestration
    583
  20. AI-DLC vs. AI-SDLC: Model-Centric vs. System-Centric AI Development
    258
  21. Fine-Tuning Open-Weight LLMs: Training, Licensing, and Deploying Custom Models with Ollama
    339
  22. Inside the Next-Generation Streaming Architecture: Ultra-Low Latency, SGAI, and AI Codecs
    202
  23. Machine Learning: Training vs. Ranking
    221
  24. The Continuous Learning Machine: Designing a Loop That Actually Turns
    222
  25. The Next-Gen Low-Latency Standards: LL-HLS & MoQ
    195
  27. Designing a Data Curation System Around a Vector Database
    220
  28. Extracting Context from Live Video: The Architecture Got Simpler When We Stopped Building Features
    256
  29. The New Ad Stack Behind Live Sports Streaming: Inside SGAI, EABN, and the Standards Race to Fix Live Monetization
    656
  30. Designing MLOps Architectures to Handle Seasonal Data Drift in EV Fleet Models
    195
  31. From 15 to 40+ FPS: Accelerating PyTorch Object Detection on Automotive ECUs
    216
  32. Understanding Data Lineage
    260