の画像を適切に(垂直方向、水平方向に)中央に配置する方法は?
<div class="category-info">
<div class="image">
<h1>Title</h1>
<img src="image.jpg" />
</div>
</div>
CSS
.category-info {
text-align: center;
height: 200px;
width: 770px;
overflow: auto;
margin-bottom: 20px;
}
画像は幅 770 ピクセル、高さ 200 ピクセルです。私は次に何をすべきかわかりません。いくつかのことを試しましたが、成功しませんでした。