title: How to create a circular border around a UI element?
body: <p>How do I go about creating a circular <code>Border</code> that can hold other UI elements?</p>
  
  <p>Something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/sYxxv.png" alt="A red circle with a drop shadow surrounding a box of text."></p>
  
  <p>Is there some easy way of achieving a similar effect?</p>