Center Widget Header text…

Thanks to another user, he mentioned to me how to change the text of the header from default to whatever text I want.

This information was located in the widget_out.php file.

Now I’d like to center the text.

Here is the code from the widget_out.php file:

<?php
	if( $is_widget ){
		echo $before_widget . $before_title . '<span id="LoginWithAjax_Title">' . __('Existing Customer Log-In') . '</span>' . $after_title;
	}
?>

Since this is included in a <span> tag, I can’t really use a text-align:center (this would be suited for a <div> tag.

I tried changing the <span> to be:
<span id="LoginWithAjax_Title" class="login">
Then I added a little snippet of CSS code:
.login {text-align: right;}

But that didn’t work. I tried text-aling: center too. Didn’t work.

Would anyone know how I can center this text?

https://www.ads-software.com/extend/plugins/login-with-ajax/