元素設置 display: flex 屬性，以便將其轉換為一個彈性盒子，接著設置 flex-direction: row 屬性，以便使元素從左到右排列。下面是相應的代碼：

div {
display: flex;
flex-direction: row;
}

接著，我們可以使用 justify-content 屬性來定義元素在水平方向上的排列方式。例如，設置 justify-content: space-around 將使元素在容器內均勻分布，并將間隔留給容器的兩端。下面是相應的代碼：

div {
display: flex;
flex-direction: row;
justify-content: space-around;
}

此外，我們還可以使用 align-items 屬性來定義元素在垂直方向上的排列方式。例如，設置 align-items: center 將使元素在容器內居中對齊。下面是相應的代碼：

div {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}

總之，使用CSS實現