在網頁設計中，經常需要將兩個元素并排顯示，這時候可以使用 CSS 中的 float 屬性和 display 屬性。

首先來看 float 屬性的用法，它可以使元素向左或向右浮動，從而實現并排顯示的效果。例如：

.box {
float: left;
width: 50%;
}

上述代碼將一個寬度為 50% 的盒子向左浮動，如果再添加一個類名為 box 的盒子并設置為向右浮動，就可以實現并排顯示的效果。

接下來是 display 屬性的用法，它可以將元素設置為 inline-block 或 inline，讓其可以和其他元素在同一行上顯示。例如：

.box {
display: inline-block;
width: 50%;
}

上述代碼將一個寬度為 50% 的盒子設為 inline-block，這樣它和其他元素就可以在同一行上顯示。如果再添加一個類名為 box 的盒子并設置為 inline-block，就可以實現并排顯示的效果。

無論是使用 float 屬性還是 display 屬性，都需要注意瀏覽器兼容性問題。在使用 float 屬性時，可能會出現父元素高度塌陷的問題，這時候可以使用 clear 屬性來解決。在使用 display 屬性時，要注意設置盒子間的間距，否則可能會出現間隙。