title: How to put texts in svg waves
body: <p>I'm tryn put some texts inside my wave from <code>getwaves.io</code>  but the texts appear below the wave. I've taken a look at a blog which used these code but they do not work to me.</p>
  <pre><code>html
  &lt;div class=&quot;wave-container&quot;&gt;
    &lt;h1&gt;Hello, world!&lt;/h1&gt;
    &lt;p&gt;Check out my awesome waves!&lt;/p&gt;
       &lt;svg&gt;the svg wave&lt;/svg&gt;
      &lt;/div&gt;
  </code></pre>
  <p>my <code>css</code></p>
  <pre><code>html {
    box-sizing: border-box;
  }
  
  body {
    margin: 0;
  }
  .wave-container {
    background: #EEE;
  }
  .wave-container &gt; svg {
    display: block;
  
  body {
    margin: 0;
    font-family: system-ui, sans-serif;
  }
  .wave-container {
    position: relative;
    background: #09F;
    color: #FFF;
    text-align: center;
    overflow: hidden;
  }
  h1 {
    font-size: 5rem;
    margin: 7rem 1.25rem 2.5rem 1.25rem;
  }
  p {
    font-size: 1.5rem;
    margin: 0 1.25rem 5rem 1.25rem;
  }
  }
  </code></pre>
  <p>Can someone help please</p>