The attribute align=middle sets vertical alignment. To set horizontal alignment using HTML, you can wrap the element inside a center element and remove all the CSS you have now.
If you would rather do it in CSS, there are several ways. A simple one is to set text-align on a container: