纯css来实现一个与垂直水平居中。

可以使用Flexbox布局来实现纯CSS的垂直水平居中。

HTML代码：

<div class="container">
  <div class="centered-box">
    <!-- 内容 -->
  </div>
</div>

CSS代码：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 可根据需要调整高度 */
}

.centered-box {
  /* 可根据需要设置宽度、高度、背景颜色等样式 */
}

上述代码中，.container使用Flexbox布局，通过justify-content: center;和align-items: center;将内部元素水平和垂直居中。.centered-box是要居中的内容，可以根据需求自行设置宽度、高度、背景颜色等样式。