How to wrap text in CSS

To wrap text in CSS, use the following properties:

1. word-wrap (Deprecated, use overflow-wrap)
   Forces text to wrap onto the next line if it’s too long.
   css

   Copy code

   word-wrap: break-word;

2. overflow-wrap (Preferred)
   Similar to word-wrap for breaking long words.
   css

   Copy code

   overflow-wrap: break-word;

3. white-space
   Controls how whitespace and line breaks are handled:
   css

   Copy code

   white-space: normal; /* Default: wraps text */

4. Example:
   css

   Copy code

   p {
overflow-wrap: break-word;
white-space: normal;
}


Default Behavior:

Most block elements like <p> wrap text automatically unless styles like white-space: nowrap; are applied.