html - 如何构建此 HTML 以将内容置于 div 中

Question

有时当我回到 html 时，我忘记了简单的事情......

我希望能够使 div 内的跨度居中。 IDK 如果我的结构正确，请随时提出任何建议

https://jsfiddle.net/yxg1zsac/

    .define_link {
        background: rgba(0,0,0,.3);
        border-radius: 10px;
        padding: 5px;
        width: 200px;
        margin: 5px auto;
        font-size: 20px;
        display: inline-block;
        font-weight: bold;
        text-align: center;
    }

    .pagination {
	    width:100%;
	    margin:auto
    }

    <div class="pagination">
        <span class="define_link"><a href="">previous</a></span>
        <span class="current">Page 2 of 88.</span>
        <span class="define_link"><a href=""></a>next</span>
    </div>

Answer 1

试试这个:

https://jsfiddle.net/tobyl/yxg1zsac/1/

关键 CSS:

.pagination {
  text-align: center;
}