html - 使文本远离页面的左上角

Question

我正在使用

<div class="sidebar_menu">
  <i class="fa fa-times"></i>
  <center>
    <a href="index.html">
      <h1 class="boxed_item">ADAM <span class="logo_bold">MILLINGTON</span>
      </h1>
    </a>
    <h2 class="logo_title"> 13 Year Old Web Developer</h2>
  </center>

  <ul class="navigation_selection">
    <li class="navigation_item">PROFILE</li>
    <a href="projects.html">
      <li class="navigation_item">PROJECTS</li>
    </a>
    <a href="https://github.com/Malefis">
      <li class="navigation_item">GITHUB <img class="github" src="css/assets/github.png" alt="Github image" width="20px" height="20px"></li>
    </a>
  </ul>
</div>
<h1> Hello World </h1>

我想在中心向我的网站添加文本，我尝试将 margin-left 添加到 h1 元素，但顶部有一个空间区域

Result

我的站点在 malefis.github.io/portfolio 或 github.com/malefis/portfolio

Answer 1

在 css 中使用它......按照你描述的 h1 元素......如果它的作品接受问题并投票，如果它没有描述更多关于你的问题

h1{
    position : absolute;
    top : 50%;
    left : 50%;
    transform: translate(-50%, -50%);
}

如果你想在顶部没有空格

 h1{
        position : absolute;
        top : 0;
        left : 50%;
    }

随便用