How do you align contents of a navbar to center?

Questions
1

Current code:

    <div class="appbar">
        <div class="appbar-inner">
            <div>
                <a href="#" class="button button-small">
                    <i class="f7-icons">forward_fill</i>
                </a>

            </div>
        </div>
    </div>
    <!-- Scrollable page content-->
    <div class="page-content">
2