How to line-break from css, without using ?

Question

output:

hello
How are you

code:

hello 
 How are you 

Ho

Answer 1

I'm guessing you did not want to use a breakpoint because it will always break the line. Is that correct? If so how about adding a breakpoint
in your text, then giving it a class like
then using media query right above the size you want it to break to hide the
so it breaks at a specific width but stays inline above that width.

HTML:

The below line breaks at 766px.



 This is the line of text
 I want to break.

CSS:

@media (min-width: 767px) {
  br.hidebreak {display:none;}
}

https://jsfiddle.net/517Design/o71yw5vd/