Custom border element with break in top : <p>I am trying to create an element in html and css for a website which has a custom border such that it is exactly like the image shown below.  Thereby the element has a border that encompasses all sides with a break in the centre of the top-line and a letter of text centred in this break.</p>

<p>Any help would be greatly appreciated.</p>

<p><a href="https://i.stack.imgur.com/huJRB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/huJRB.png" alt="Mockup of custom element with break in the top border"></a></p>
