要将一个 div 元素与两侧的内容居中对齐，可以使用 CSS 的 margin: 0 auto; 属性。以下是一个示例代码：

<!DOCTYPE html>
<html>

<head>
  <style>
  .center {
      width: 50%;
      margin: 0 auto;
      background-color: #f1f1f1;
    }
  </style>
</head>

<body>

  <div class="center">
    <h2>这是一个居中对齐的 div 元素</h2>
    <p>这是一些文本内容。</p>
  </div>

</body>

</html>

在上述代码中，我们创建了一个名为 .center 的 CSS 类，用于设置 div 元素的样式。width: 50%; 用于设置 div 元素的宽度为 50%。margin: 0 auto; 用于将 div 元素在水平方向上居中对齐。background-color: #f1f1f1; 用于设置 div 元素的背景颜色为浅灰色。

然后，我们在 HTML 代码中创建了一个 div 元素，并将其 class 属性设置为 .center。这样，该 div 元素就会应用我们在 CSS 代码中设置的样式，从而实现与两侧内容的居中对齐。