title: What's the best way of centering text inside a rounded container?
body: <p>I'm trying to horizontally center this toggle switch that has two lines of text :
  <a href="https://codesandbox.io/s/sharp-ritchie-egmqmr?file=/index.html" rel="nofollow noreferrer">https://codesandbox.io/s/sharp-ritchie-egmqmr?file=/index.html</a></p>
  <p><a href="https://i.stack.imgur.com/PafAa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PafAa.png" alt="enter image description here" /></a></p>
  <p>But I need it to be horizontally centered like this :</p>
  <p><a href="https://i.stack.imgur.com/VEPaz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VEPaz.png" alt="enter image description here" /></a></p>