Css How to make elements after span appear on different line while shrinking : <p>Consider this code:</p>

<pre><code>&lt;h2 class="section-title"&gt;what &lt;span&gt;Client Say?&lt;/span&gt;&lt;/h2&gt;
</code></pre>

<p>When I shrink it get shown like this:</p>

<p><a href="https://i.stack.imgur.com/GDcmx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GDcmx.png" alt="enter image description here"></a></p>

<p>I want to make it like this(Ignore the underline)</p>

<p><a href="https://i.stack.imgur.com/ai5IC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ai5IC.png" alt="enter image description here"></a></p>

<p>What's the simplest way of achieving this?</p>
