title: Adding a <br> between Add to cart button with CSS
body: <p>I want to add a &quot;break&quot; between my woocommerce add to cart button &amp; quantity box(See photo 1)
  <a href="https://i.stack.imgur.com/8Y8Md.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8Y8Md.png" alt="photo1" /></a></p>
  <p>This is the html(See photo)
  <a href="https://i.stack.imgur.com/XZyEf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XZyEf.png" alt="photo2" /></a></p>
  <p>I have tried this code</p>
  <pre><code>.quantity::after{
    content: &quot;\a&quot;;
    white-space: pre; 
  }
  </code></pre>