Yii Auth Client CSS

Hi,

I need help to get the Auth client list items in the center instead of left align. I am using the auth client code in my view file inside a bootstrap panel like this:

<div class="panel-body"><?= yii\authclient\widgets\AuthChoice::widget(['baseAuthUrl' => ['site/auth']]) ?></div>

The html generated by the above mentioned code is given below:

<div id="w1">

	<ul class="auth-clients">

		<li>

			<a class="google auth-link" href="/site/auth.html?authclient=google" title="Google">

				<span class="auth-icon google"></span>

			</a>

		</li>

		<li>

			<a class="facebook auth-link" href="/site/auth.html?authclient=facebook" title="Facebook" data-popup-width="860" data-popup-height="480">

				<span class="auth-icon facebook"></span>

			</a>

		</li>

		<li>

			<a class="linkedin auth-link" href="/site/auth.html?authclient=linkedin" title="LinkedIn">

				<span class="auth-icon linkedin"></span>

			</a>

		</li>

		<li>

			<a class="twitter auth-link" href="/site/auth.html?authclient=twitter" title="Twitter">

				<span class="auth-icon twitter"></span>

			</a>

		</li>

	</ul>

</div>

I would like to render the auth client list items in the center, but these are rendered as an inline list left aligned. Any CSS expert, kindly help.

I tried to use <center></center> and <div class="center-block"></div> as wrapping, but did not get a positive result.