html - 如何使用CSS移动对象

Question

请帮我把物体移到上面。我使用了 margin-top 但没有用。

CSS

    section#features .center-box{
    display:block;
    background-color:#22a3df;
    transform: rotate(45deg);
    padding:10px;
    width:40px;
    height:40px;
    margin: 0 auto;
    top:13px;
}

HTML

<div class="center-box">
    <i class="fa fa-desktop"></i>
</div>

Answer 1

将父类添加到容器元素，将子类添加到您希望进一步移到顶部的元素。

.parent{
  position:relative;
}

.child{
  position:absolute;
  top: -10px;
}