title: How to insert a line break in span using CSS?
body: <p><img src="https://i.stack.imgur.com/9SjyF.png" alt="Button created using span"></p>
  
  <p>Now I want to break the line on Q1 and move this Q1 next to Summary. Is there a way to do it? Following is the CSS for the button.</p>
  
  <pre class="lang-css prettyprint-override"><code>span {
      display: inline-block;
      font-size: 80%;
      line-height: normal;
      width: 100%;
      line-height: 2rem;
      border: 1px solid #019ed5;
      border-radius: 25px;
      cursor: pointer;
  }
  </code></pre>