css - 导航中的右侧链接较低

Question

我在底部导航中遇到右链接问题。 这个链接有点低。

我不是css专家，请求帮助。

我的HTML代码：

<div class="header container">
    {% if is_paginated %}
        {% if page_obj.has_previous %}
            <a href="?page={{ page_obj.previous_page_number }}" class="arrow left"><h4>Previous</h4></a>
        {% endif %}
        <span class="header-label"><h4>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.</h4></span>
        {% if page_obj.has_next %}
            <a href="?page={{ page_obj.next_page_number }}" class="arrow right"><h4>Next</h4></a>
        {% endif %}
    {% endif %}
</div>

我的css代码：

.arrow {
  position: absolute;
}
.right {
    right: 0;
}
.left {
    left: 0;
}
.container {
    margin: 0 auto;
}
.header {
  text-align: center;
}