在HTML5中，使用CSS可以輕松地實現兩個盒子并排居中的效果。具體的代碼如下：
<style>
.container {
display: flex;
justify-content: center;
align-items: center;
}
.box {
width: 200px;
height: 200px;
background-color: #ccc;
}
</style>
<div class="container">
<div class="box"></div>
<div class="box"></div>
</div>以上代碼中，首先定義了一個名為“container”的
標簽，用于容納兩個并排的盒子。接著，為“container”設置了一些CSS屬性，其中“display: flex”將該容器設置為彈性布局，使得里面的元素可以實現水平并排布局；“justify-content: center”和“align-items: center”分別是設置容器內元素的水平居中和垂直居中，這樣兩個盒子就可以居中顯示了。
在“container”中，還有兩個class為“box”的
標簽。這兩個盒子設置了固定的寬高和背景顏色，用于顯示測試效果。
上述代碼可以實現的效果是，兩個盒子并排居中顯示。該方法使用了css3的Flexbox布局，更加靈活方便，但是需要考慮到兼容性問題。因此，在實際開發中，需要進行瀏覽器兼容性測試，以保證頁面能夠在不同的瀏覽器上正常顯示。