div内让图片和h1对其

要在一个div内让图片和h1元素对齐，你可以使用CSS的flexbox布局或者使用CSS的position属性来实现。下面是两种方法的示例代码：

方法1：使用flexbox布局
HTML代码：

<div class="container">
  <img src="image.jpg" alt="图片">
  <h1>标题</h1>
</div>

CSS代码：

.container {
  display: flex;
  align-items: center;
}

.container img, .container h1 {
  margin: 0;
}

方法2：使用position属性
HTML代码：

<div class="container">
  <img src="image.jpg" alt="图片">
  <h1>标题</h1>
</div>

CSS代码：

.container {
  position: relative;
}

.container img, .container h1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.container img {
  left: 0;
}

.container h1 {
  left: 100px; /* 根据实际情况调整 */
}

这两种方法都可以将图片和h1元素在垂直方向上对齐。第一种方法使用了flexbox布局，通过将父容器设置为`display: flex`，然后使用`align-items: center`将内部元素垂直居中。第二种方法使用了position属性，通过将图片和h1元素的position设为absolute，然后使用top和transform属性将它们相对于父容器垂直居中。

你可以根据实际情况选择适合你的布局方法，并根据需要进行样式调整。