在網頁中，標題和圖片是不可或缺的元素。但是，當它們同時出現在一起時，如何讓它們更加美觀合理呢？這就需要使用CSS進行調整。本文將介紹如何將標題放在圖片右邊的方法。

HTML：
<div class="wrapper">
<img src="example.jpg">
<h2>標題</h2>
</div>
CSS：
.wrapper {
display: flex;
align-items: center;
}
img {
margin-right: 20px;
}

首先，在HTML中我們需要創建一個包含圖片和標題的容器，在示例中使用了一個div元素，并為其添加了一個類名"wrapper"。接著，在容器中分別添加img和h2標簽，并在img標簽中插入所需圖片的鏈接，在h2標簽中插入所需的標題文字。

接下來，我們可以使用CSS的flex布局，將包含圖片和標題的容器按照水平方向布局。使用align-items: center可以將容器中的元素垂直居中。

最后，我們需要將圖片與標題之間的距離調整到合適的大小，可以使用img元素的margin-right屬性來實現。在示例中，我們將圖片的margin-right設為20px，根據實際情況可自行調整。

通過以上方法，我們可以輕松實現將標題放在圖片右邊的效果，讓網頁更加美觀合理。