CSS中文字在圖片右邊的排版方法

在CSS中，我們可以使用浮動（float）屬性將文字放在圖片的右邊，以下是一個簡單的示例：

HTML代碼：

<div>
  <img src="image.jpg" style="float: left; margin-right: 10px;" />
  <p style="float: right;">這是一段文字，它會在圖片的右邊顯示，你可以根據(jù)需要調(diào)整圖片和文字的大小、顏色等樣式。</p>
</div>

在這個示例中，圖片被設置為浮動到左邊，并且文字被設置為浮動到右邊。margin-right: 10px;屬性用于在圖片和文字之間添加一些間隔，使得排版更加美觀。

你可以根據(jù)需要調(diào)整圖片和文字的大小、顏色等樣式，你可以使用font-size屬性調(diào)整文字的大小，使用color屬性調(diào)整文字的顏色等。

如果你想要讓圖片和文字在同一行顯示，可以使用display: flex;屬性將圖片和文字設置為彈性布局。

<div style="display: flex; align-items: center;">
  <img src="image.jpg" style="margin-right: 10px;" />
  <p>這是一段文字，它會在圖片的右邊顯示，你可以根據(jù)需要調(diào)整圖片和文字的大小、顏色等樣式。</p>
</div>

在這個示例中，圖片和文字會被設置為在同一行顯示，并且文字會在圖片的右邊顯示。align-items: center;屬性會將圖片和文字垂直居中顯示。