<figure>
  <audio src="audio/sample.mp3" controls></audio>
  <figcaption>Sample audio with controls.</figcaption>
</figure>
figure {
  border: 4px lightgray solid;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
  max-width: 450px;
  margin: auto;
}

figcaption {
  margin-top: 15px;
}

External CSS

  1. https://codepen.io/tutsplus/pen/vYrpEwd.css

External JavaScript

This Pen doesn't use any external JavaScript resources.