Line break (like ) using only css

by

It works like this:

h4 {
    display:inline;
}
h4:after {
    content:"\a";
    white-space: pre;
}

Example: http://jsfiddle.net/Bb2d7/

The trick comes from here: https://stackoverflow.com/a/66000/509752 (to have more explanation)

More Related Contents:

  1. How to change the style of a ‘s label?
  2. Styling autocomplete dropdowns in browsers
  3. How to choose right name for 2 same classes? [closed]
  4. How to vertically center a container in Bootstrap?
  5. Print page numbers on pages when printing html
  6. Why position:sticky is not working when the element is wrapped inside another one?
  7. Color of stacked semi-transparent boxes depends on order?
  8. Apply style to parent if it has child with CSS [duplicate]
  9. How can apply multiple background color to one div
  10. Why doesn’t CSS ellipsis work in table cell?
  11. How is the margin-top percentage calculated?
  12. How to align flexbox columns left and right?
  13. Inline Form nested within Horizontal Form in Bootstrap 3
  14. How can I make a div with irregular shapes with css3 and html5?
  15. How do I add a highlight behind the text via CSS so it looks like Instagram-one below?
  16. How to remove indentation from an unordered list item?
  17. Font-Face Not loaded
  18. It is possible to expand a textarea only with CSS?
  19. How to apply padding to every line in multi-line text?
  20. How do I vertically align something inside a span tag?
  21. Maintain image aspect ratio in carousel
  22. How can I make the contents of a fixed element scrollable only when it exceeds the height of the viewport?
  23. CSS position element “fixed” inside scrolling container
  24. How to make a fixed column in CSS using CSS Grid Layout?
  25. Is there a way to tell an html element to ignore any stylesheets?
  26. Is it possible to change the order of list items using CSS3?
  27. Put fixed text on an input text box
  28. CSS float-right not working in Bootstrap 4 Navbar [duplicate]
  29. Cross browser method to fit a child div to its parent’s width
  30. Why does .class:last-of-type not work as I expect?

Leave a Comment