在CSS中，您可以通過使用position屬性來設置圖片旁邊的字，以下是一些示例代碼，展示如何實現這一功能：

示例1：使用***定位

<div style="position: relative;">
    <img src="image.jpg" style="position: absolute; left: 0; top: 0;" />
    <p style="position: absolute; left: 0; top: 50px;">這是圖片旁邊的字</p>
</div>

在這個示例中，圖片和段落元素都使用***定位，相對于它們的父元素（div元素）進行定位，圖片位于div的左上角，段落位于圖片的下方。

示例2：使用浮動

<div style="position: relative;">
    <img src="image.jpg" style="float: left;" />
    <p style="clear: left;">這是圖片旁邊的字</p>
</div>

在這個示例中，圖片使用浮動定位，而段落使用清除浮動，圖片會浮動到左側，段落會出現在圖片的右側。

示例3：使用Flexbox

<div style="display: flex; align-items: center;">
    <img src="image.jpg" />
    <p>這是圖片旁邊的字</p>
</div>

在這個示例中，div元素使用Flexbox布局，圖片和段落元素都會水平排列，圖片和段落之間的空間會自動分配。

示例4：使用Grid布局

<div style="display: grid; align-items: center;">
    <img src="image.jpg" />
    <p>這是圖片旁邊的字</p>
</div>

在這個示例中，div元素使用Grid布局，圖片和段落元素都會水平排列，圖片和段落之間的空間會自動分配。

在CSS中，您可以通過***定位、浮動、Flexbox或Grid布局來設置圖片旁邊的字，選擇哪種方法取決于您的具體需求和布局要求，希望這些示例能幫助您快速上手這些技術！