Как реализовать данную идею в верстке?
Ну такое совсем просто делается. Много стилей не надо. Достаточно fieldset, legend и чуть чуть transform<fieldset>
  <legend>Легенда</legend>
  <p>Ну такое совсем просто делается. Много стилей не надо.</p>
</fieldset>fieldset {
  transform: rotateX(180deg);
}

legend {
  transform: rotateX(180deg);
}

p {
  transform: rotateX(180deg);
}snippet
Нужно ссылку положить в span, ему дать позиционирование, отступ внутренний 5px и заливку цвета фона