Question

我正在使用

＆＃13;

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

＆＃13;

我正在尝试在我的网站中添加文字，我尝试在h1元素中添加margin-left，但顶部有一个空间区域

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%;
    }

只需使用它

Answer 2

您应该删除中心标记并将以下内容添加到样式表中以删除边距并定位文本。

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

Answer 3

如果您只想在顶部中心使用h1，那么只需给出css样式text-align。

h1
{
  text-align:center;
}

使文本远离页面的左上角

3 个答案: