隨著時代的變遷和技術的進步，網頁設計已經不再是以前那種單純的文本排版。如今，我們可以通過CSS3讓圖片在網頁中橫向排列，從而提升頁面的美觀程度。

首先，我們需要在HTML代碼中插入圖片。代碼如下：

<div class="img-group">
<img src="img1.jpg">
<img src="img2.jpg">
<img src="img3.jpg">
<img src="img4.jpg">
<img src="img5.jpg">
</div>

上述代碼會在一個class為“img-group”的div里面插入五張圖片。接下來，就可以使用CSS3的flex布局來讓這些圖片橫向排列。

.img-group{
display: flex;
flex-wrap: wrap;
}
.img-group img{
width: 20%;
margin: 10px;
}

以上代碼使用了flex布局，將子元素排列在一行中，并允許換行。同時，為img標簽設置了寬度和外邊距，從而讓圖片之間有一定的間隔。

通過以上代碼，就可以讓在HTML代碼中插入的圖片橫向排列，從而提升了頁面的美觀程度。當然，還可以通過CSS3的其他屬性來進一步美化圖片的排列效果，比如通過transform屬性實現圖片的縮放、旋轉等效果。總而言之，CSS3讓網頁設計更加豐富多彩，需要我們在實踐中不斷探索。