html - 使文本从页面左上 Angular 移开

我在用

<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>

我正在尝试在中间的网站中添加文本，我尝试在h1元素中添加margin-left，但是顶部有一定的空间

Result

我的网站位于malefis.github.io/portfolio或github.com/malefis/portfolio

最佳答案

按照您的描述在css ....中使用此元素...如果它的作品接受了该问题，则投票给它，如果它没有更多地描述您的问题，则对其进行投票

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

如果您想在顶部没有空间

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

只是使用它