使用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。
最终，我们可以得到一张图片和一段文本，文本很好地浮于图片的右侧，并且上下间距也很舒适。