Line break for media-query only?

Question

Is there any solution for line break when screen resolution is small instead of <br>? Because br break line all the time.

Here is my code:

<h2>I create unique, clean sites that are easy to navigate.<br>All my works comply with web</h2>

I think CSS3 may have solution of this issue.

Is there any solution for this <br>, because the line break only needed when page on mobile.

Answer 1

You could simply add a class to the BR tag and set it to be display:none by default.

Then in your mobile media query set it to "display: static"

I've suggested static rather than block because I don't think that a BR tag is display block by default so probably best to simply go with static.

Answer 2

If using Bootstrap:

<br class="visible-xs">