html - 如何使用 css/html 移动图像

Question

我正在尝试移动图像。我希望它与标题“体验”相结合。这是我的代码

html代码

<header>
    <h1>Experience</h1>
        <div class="logo">
            <img src="./img/exp.png">
        </div>
</header>

和CSS代码

.logo{
width: 100px;
    }

.logo img{
float: left;
margin-left: 0px 0px 0px 30px;
width: 150px;
height: 38px;
}

Answer 1

稍微调整一下 CSS:

.logo{
    width: 100px;
    display: inline-flex;
}

.logo img{
    margin: auto 5px;
    float: left;
    width: 150px;
    height: 38px;
}

这个有用吗？

这个解决方案对我有用，但我不知道对你有用，因为你没有放完整的代码......