User:GKFX/sandbox/styles.css

.template-text-arrow { display: inline-flex; flex-flow: column; vertical-align: 0.5em; }

.template-text-arrow > span { display: inline-block; white-space: nowrap; line-height: 1; font-size: 80%; margin: 0 0.1em; position: relative; padding: 0.15em 0.5em; border-bottom: 1px solid; } .template-text-arrow > span + span { border: none; } .template-text-arrow > span + span::after { content: none; }

.template-text-arrow > span::after { content: ""; border: 1px solid; display: inline-block; width: 0.3em; height: 0.3em; transform: rotate(45deg); border-bottom: none; border-left: none; position: absolute; bottom: -0.2em; right: 1px; }