Sottolineare testo sopra e sotto tramite CSS

Adoro aggiungere ai titoli la sottolineatura sopra e sotto. Dà un senso di importanza ma soprattutto visivamente delimita chiaramente gli argomenti/articoli. Tutto è nato su carta ma non potevo fare a meno di vederle anche sul blog!

Per aggiungere la sottolineatura sopra e sotto al testo aggiungere nelle proprietà CSS:

text-decoration: overline underline;

Per ottimizzare la sottolineatura inferiore consiglio di aggiungere:

text-underline-position: under;

E' possibile personalizzare moltre altre proprietà: consiglio la lettura del seguente link

https://css-tricks.com/styling-underlines-web/

Un alternativa molto valida e che prediligo è quella di utilizzare i bordi. Questo permette di sottolineare non solo il testo ma un'area ben definitva, risultando in alcuni casi molto più ordinato.
Nel caso dei titoli dei post del seguente blog è stato utilizzato:

border-style: solid;
border-width: 2px 0;