在網頁設計中，經常會遇到需要將圖片和文字并列展示的情況，并且需要圖片能夠有邊框或者旁邊有空白區域。這時候，我們可以使用CSS來實現。

/* 首先，我們需要給圖片添加樣式 */
.img-style {
float: left; /* 將圖片向左浮動 */
margin-right: 20px; /* 在圖片右側留出20px空白區域 */
border: 1px solid #999; /* 給圖片添加1px的邊框 */
}
/* 接下來，我們需要給文字添加樣式 */
.text-style {
overflow: hidden; /* 文字內容溢出隱藏，以免超出圖片或空白區域 */
}
/* 最后，我們將圖片和文字放在一起 */
<div class="box">
<img src="example.jpg" alt="example" class="img-style">
<p class="text-style">這里是文字內容，可以自己修改</p>
</div>

使用上述CSS樣式和HTML結構，便可以實現圖片和文字的并列展示。如果需要添加多個圖片和文字的組合，只需要將上述HTML結構復制粘貼，并修改相應的圖片和文字內容即可。