How to remove word wrap from textarea?

by 
textarea {
  white-space: pre;
  overflow-wrap: normal;
  overflow-x: scroll;
}

white-space: nowrap also works if you don’t care about whitespace, but of course you don’t want that if you’re working with code (or indented paragraphs or any content where there might deliberately be multiple spaces) … so i prefer pre.

overflow-wrap: normal (was word-wrap in older browsers) is needed in case some parent has changed that setting; it can cause wrapping even if pre is set.

also — contrary to the currently accepted answer — textareas do often wrap by default. pre-wrap seems to be the default on my browser.

More Related Contents:

  1. HTML Textarea horizontal scroll
  2. How to add a new line in textarea element?
  3. What is the correct value for the disabled attribute?
  4. How to add default value for html ? [closed]
  5. What character represents a new line in a text area
  6. How to word wrap text in HTML?
  7. How to turn off word wrapping in HTML?
  8. How can I force a long string without any blank to be wrapped?
  9. How to stop text from taking up more than 1 line?
  10. How to prevent line breaks in list items using CSS
  11. Wrapping text inside input type=”text” element HTML/CSS
  12. Wrap text in tag
  13. Can you have multiline HTML5 placeholder text in a ?
  14. Should I size a textarea with CSS width / height or HTML cols / rows attributes?
  15. How to wrap text of HTML button with fixed width?
  16. Difference between overflow-wrap and word-break?
  17. Denoting a preferred place for a line break
  18. Set maxlength in Html Textarea [duplicate]
  19. CSS Styling text areas like notebook-look
  20. Adding Line Numbers To HTML Textarea
  21. HTML : Is there any way to show images in a textarea?
  22. Preserve line breaks in textarea
  23. How to validate pattern matching in textarea?
  24. How to make a DIV not wrap?
  25. How to force inline divs to stay on same line?
  26. Why isn’t textarea an input[type=”textarea”]?
  27. Word wrap a link so it doesn’t overflow its parent div width [duplicate]
  28. Balanced text wrapping in HTML
  29. Textarea value not getting posted with form
  30. How can I hide/show a div when a button is clicked?

Leave a Comment