在CSS中，我們可以通過(guò)使用相對(duì)定位（relative positioning）或***定位（absolute positioning）來(lái)實(shí)現(xiàn)圖片旁邊的文字排版。

相對(duì)定位是指將元素相對(duì)于其正常位置進(jìn)行定位，而***定位則是將元素相對(duì)于瀏覽器窗口進(jìn)行定位。

下面是一個(gè)使用相對(duì)定位實(shí)現(xiàn)圖片旁邊文字的示例：

HTML代碼：

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

CSS代碼：

.image-wrapper {
  position: relative; /* 將圖片容器設(shè)置為相對(duì)定位 */
  width: 300px; /* 圖片容器的寬度 */
  height: 200px; /* 圖片容器的高度 */
}
.text-wrapper {
  position: absolute; /* 將文字容器設(shè)置為***定位 */
  top: 50px; /* 文字容器距離圖片容器頂部的距離 */
  left: 50px; /* 文字容器距離圖片容器左邊的距離 */
  width: 200px; /* 文字容器的寬度 */
  height: 100px; /* 文字容器的高度 */
  background-color: #f9f9f9; /* 文字容器的背景顏色 */
  padding: 20px; /* 文字容器內(nèi)部的填充 */
  border: 1px solid #ccc; /* 文字容器的邊框 */
  border-radius: 5px; /* 文字容器的邊框圓角 */
}

在這個(gè)示例中，我們將圖片容器設(shè)置為相對(duì)定位，并將文字容器設(shè)置為***定位，通過(guò)調(diào)整top、left、width和height屬性，我們可以***地控制文字容器在圖片旁邊的位置和大小，我們還為文字容器添加了一些樣式，如背景顏色、填充、邊框和邊框圓角，使其更加美觀和易用。

需要注意的是，***定位的元素會(huì)脫離文檔流，因此在使用時(shí)需要謹(jǐn)慎處理其他元素的位置和布局，如果需要更復(fù)雜的布局需求，可以考慮使用CSS的其他布局技術(shù)，如Flexbox或Grid。