在網頁設計中，文字與圖片的排版非常重要。如果文字和圖片之間沒有很好的配合，頁面就會顯得雜亂無章。那么，如何讓文字和圖片平行呢？這時候就需要用到CSS了。

.container{
display: flex;
align-items: center;
}
.container img{
width: 50%;
margin-right: 20px;
}
.container p{
width: 50%;
}

上面的代碼使用了flex布局，使得p元素和img元素在同一行中。同時，通過設置圖片的寬度和p元素的寬度，讓它們平分容器的寬度。而通過margin-right屬性，可以讓圖片與p元素之間有一定的距離。

如果你想讓文字在圖片的左側，可以設置flex-direction:row-reverse;這時候，圖片會在p元素的左側，文字則在右側，達到了最初的目的。

.container-reverse{
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.container-reverse img{
width: 50%;
margin-left: 20px;
}
.container-reverse p{
width: 50%;
}

注意，這里的容器和圖片的寬度都是50%，如果你想要其他的比例，可以酌情修改代碼。