title: How to automatically move the text to next in mobile responsive html?
body: <p>I have a  tag with line:</p>
  
  <pre><code>&lt;h2 class="h2hdng" style="color:#000;font-size:40px;"&gt;Set up your &lt;br/&gt;Pacifyr payment account&lt;/h2&gt;
  </code></pre>
  
  <p>In mobile responsive view i have written :</p>
  
  <pre><code>@media (min-width: 0px) and (max-width:430px) {.h2hdng{
          font-size:13px;
          margin-left:75px;
          padding-bottom:0px;
          margin-bottom:4px;
          margin-top: -25px !important;
  
  
      }
  </code></pre>
  
  <p>For All views its works fine if i switch to galaxy s5 view its working by the same if i choose ipone5 view its not working,</p>
  
  <p><a href="https://i.stack.imgur.com/j0vkB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/j0vkB.png" alt="working fine in galaxy s5 view"></a></p>
  
  <p><a href="https://i.stack.imgur.com/TG0re.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TG0re.png" alt="Not working in iphone 5 view"></a></p>