How to insert a line break before an element using CSS

by

It’s possible using the \A escape sequence in the psuedo-element generated content. Read more in the CSS2 spec.

#restart:before { content: '\A'; }

You may also need to add white-space:pre; to #restart.

note: \A denotes the end of a line.

p.s. Another treatment to be 

:before { content: ' '; display: block; }

More Related Contents:

  1. How to create one vertical column in between rows in Flexbox [closed]
  2. How can i make this wave effect on both bottom and top
  3. Why is a flex item limited to parent size?
  4. What does !important mean in CSS?
  5. CSS3 selector :first-of-type with class name?
  6. Remove blue border from css custom-styled button in Chrome
  7. z-index is canceled by setting transform(rotate)
  8. How do I use /deep/ or >>> or ::v-deep in Vue.js?
  9. Internet Explorer’s CSS rules limits
  10. Pure CSS checkbox image replacement
  11. CSS: Set a background color which is 50% of the width of the window
  12. Twitter Bootstrap Multilevel Dropdown Menu
  13. Invalid CSS selector causes rule to be dropped: What is the rationale?
  14. Right to Left support for Twitter Bootstrap 3
  15. How to select the first, second, or third element with a given class name?
  16. How do nested vertical margin collapses work?
  17. How can I change a button’s color on hover?
  18. Is a concave border radius possible?
  19. Add CSS cursor property when using “pointer-events: none”
  20. Padding-bottom/top in flexbox layout
  21. How can I prevent CSS gradient banding?
  22. Create a row of flexbox items with a max height defined by one child [duplicate]
  23. How to display and hide a div with CSS?
  24. Can I define a class name on paragraph using Markdown?
  25. Check scrolling with CSS
  26. Animate CSS background-position with smooth results (sub-pixel animation)
  27. Can we change style? [duplicate]
  28. How do I change md-input-container placeholder color using css in angular material?
  29. internet explorer font face ssl
  30. Styling the arrow on bootstrap tooltips [duplicate]

Leave a Comment