How to align the text in middle of a span border?

Question

<span>Some text</span> <style> span { padding:90px; text-shadow: 0px 0px 10px blue; text-transform:uppercase; text-align:center;
color: red; border-style:grooved; background-image:url(image.png);} </style> </span> How to align the whole text to the 'middle' of the border box and also tell how to blur the background image.. thanks

Answer 1

hi,
try this article

https://www.w3schools.com/cssref/css3_pr_text-align-last.asp

# for blur image

https://www.w3schools.com/cssref/css3_pr_filter.asp