使用CSS實現文字浮于圖片右邊可以讓網頁變得更加美觀和清晰，同時也提高了內容的可讀性。下面我們來看一下具體的實現方法。
首先，我們需要有一張圖片和一段文本。我們可以使用HTML代碼來實現。請看下面的示例代碼。

html
<div class="image-text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consequat purus quis nunc rutrum vestibulum.</p>
</div>

接下來，我們需要使用CSS來設置圖片和文本的樣式以及位置。

css
.image-text {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin: 20px 0;
}
.image-text img {
width: 200px;
height: auto;
margin-right: 20px;
}
.image-text p {
flex: 1;
font-size: 18px;
}

首先，我們設置了一個類名為“image-text”的div，將其設置為了flex布局，這樣我們就可以方便地控制圖片和文本的位置。通過設置“flex-wrap: nowrap;”讓圖片和文本都在一行上顯示。同時，使用“margin: 20px 0;”來制造一些間距，讓內容更加舒適。
然后，我們設置了圖片的樣式，調整圖片的大小為200px寬，高度自適應，并給圖片添加了“margin-right: 20px;”來與文本區分出一定的距離。
最后，我們設置了文本的樣式，使用“flex: 1;”來讓文本占據剩余的空間，并將字體大小設置為了18px。
最終，我們可以得到一張圖片和一段文本，文本很好地浮于圖片的右側，并且上下間距也很舒適。