CSS是一種用于網頁設計的語言，通過使用CSS，我們可以輕松地將文字放置在圖片的旁邊。在本文中，我們將介紹如何使用CSS將文字放置在圖片旁邊。

<div class="image-container">
<img src="example.jpg" alt="example image">
<p class="text">這是圖片旁邊的文字</p>
</div>

首先，我們需要將圖片和文字放在同一個<div>元素中，并為該元素設置一個class為“image-container”。

接下來，我們需要用<img>元素添加圖片，并將其源設置為我們要使用的圖片。我們可以為圖片添加一個“alt”屬性，這樣當圖片無法加載時會顯示一個描述性文本。

然后我們將文本包含在一個<p>元素中，并將其設置為class為“text”。現在，我們需要使用CSS來將這些元素放置在一起，以使文本出現在圖片的旁邊。

.image-container {
display: flex;
align-items: center;
}
.text {
margin-left: 20px;
}

我們可以使用“flex”屬性設置父元素的顯示方式為“flexbox”，這可以讓我們輕松地控制子元素的布局。我們還可以使用“align-items”屬性，它將元素垂直居中。

然后，我們可以使用“margin-left”屬性來控制文本的位置，并將其設置為20像素，以使其出現在圖片的旁邊。

這就是如何使用CSS將文字放置在圖片旁邊的示例代碼。隨著CSS的不斷改進和更新，有許多其他的方法可以實現這一目標，但是這種基本的方法可以幫助我們快速實現所需的效果。