Line break like br using only css

Question

Is it possible in pure css  that is without adding additional html tags  to make a line break like  lt br gt   I want the line break after the  lt h4 gt  element  but not before   HTML   lt li gt    Text  text  text  text  text   lt h4 gt Sub header lt  h4 gt    Text  text  text  text  text   lt  li gt    CSS  h4     display  inline      I have found many questions like this  but always with answers like  use display  block    which I can t do  when the  lt h4 gt  must stay on the same line

User · Answer

Try   h4  display block     in your css  http   jsfiddle net ZrJP6

User · Answer

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

User · Answer

You can use   after to create a 0px-height block after the  lt h4 gt   which effectively moves anything after the  lt h4 gt  to the next line    x000D   x000D  h4   x000D    display  inline  x000D    x000D  h4  after   x000D    content      x000D    display  block  x000D    x000D   lt ul gt  x000D     lt li gt  x000D      Text  text  text  text  text   lt h4 gt Sub header lt  h4 gt  x000D      Text  text  text  text  text  x000D     lt  li gt  x000D   lt  ul gt  x000D   x000D   x000D

[html] Line break (like <br>) using only css

Examples related to html

Examples related to css

Examples related to styling