How to line-break from css, without using ?

by

You can use white-space: pre; to make elements act like <pre>, which preserves newlines. Example:

p {
  white-space: pre;
}
<p>hello 
How are you</p>

Note for IE that this only works in IE8+.

More Related Contents:

  1. Render a string in HTML and preserve spaces and linebreaks
  2. How to force a line break in a long word in a DIV?
  3. Can you target with css?
  4. Preserve line breaks in textarea
  5. Vertically center element on HTML page with some content on top (Bootstrap)
  6. CSS Button styling – Need some help -html css RADIO BUTTON LINK
  7. Make body have 100% of the browser height
  8. How to create a circle with links on border side
  9. How can I scale the content of an iframe?
  10. How to create uneven rounded sides on a div?
  11. CSS Cut out circle from a rectangular shape
  12. Problems with CSS sticky footer
  13. What is quirks mode?
  14. CSS background-size: cover replacement for Mobile Safari
  15. How can I make a CSS glass/blur effect work for an overlay?
  16. Calculator keypad layout with flexbox
  17. How to exclude particular class name in CSS selector?
  18. How to make div element auto-resize maintaining aspect ratio?
  19. floating elements behavior
  20. How do I prevent the padding property from changing width or height in CSS?
  21. Div width 100% minus fixed amount of pixels
  22. overflow:scroll; in
  23. How do I style the HTML form validation error messages with CSS?
  24. How can I target a specific column or row in a CSS grid layout?
  25. How to create a triangle in CSS3 using border-radius
  26. Adding style to file upload button in css
  27. What are the default values for justify-content & align content?
  28. Media queries not working inside an iframe
  29. bootstrap 4: center inline form inside a jumbotron
  30. How do I style radio buttons with images – laughing smiley for good, sad smiley for bad?

Leave a Comment