Question

How to add the <br> tag for responsive mobile friendly website design in CSS and HTML

Answer 1

/* style.css */

@media screen and (min-width: 320px)
{
    .lbr { display: block; }
}
@media screen and (min-width: 768px)
{
    .lbr { display: none; }
}
@media screen and (min-width: 980px)
{
    .lbr { display: none; }
}

<!-- index.php -->

<input type="text" name="email" id="email" size="23" /><br class="lbr" />&nbsp;<br class="lbr" />

70+ SQL courses for beginners and professionals