在网页设计中，有时候需要将文字与图片进行结合来展示一些信息。其中，将图片放置在文字的右侧是一种常见的排版方式。这种排版方式可以使得文字与图片之间相互呼应，结合起来更具有美感。

要实现这种排版方式，就需要使用CSS中的float属性。将图片设置为float:right即可让图片在文字右边浮动。代码的具体实现如下：

img{
float: right;
margin-left: 10px;
}

上述代码中，float:right表示将图片向右浮动，而margin-left:10px则表示图片与文字之间留有10像素的空隙。这个空隙可以根据具体的需求进行调整，以达到最佳的排版效果。

需要注意的是，在进行文字与图片的结合排版时，还需要考虑到文字的居中问题。如果不进行处理，那么文字与图片之间的间隙可能会出现不协调的情况。因此，一般需要设置一个容器，并将文字放在容器中进行居中处理。示例如下：

<div class="container">
<img src="example.jpg">
<p>在网页设计中，有时候需要将文字与图片进行结合来展示一些信息。其中，将图片放置在文字的右侧是一种常见的排版方式。</p>
</div>
.container{
width: 500px;
margin: auto;
text-align: justify;
}
p{
width: 60%;
display: inline-block;
margin-left: 20px;
vertical-align: middle;
}

上述代码中，通过设置容器的宽度为500像素，并将其水平居中。同时，设置文字的宽度为60%，并使用display:inline-block将其显示在同一行。而vertical-align: middle则是为了使得文字与图片的上下居中。通过上述的设置，文字与图片之间的空隙就可以得到合理的处理，达到美观的效果。