Html 如何将徽标与标题左侧对齐？

我试图调整我的标志旁边的h1，但标志总是在它上面。我是html和css的初学者。我在堆栈溢出中尝试了所有其他答案。 这是我的密码：

---

您尚未添加类（css）左浮动。 我已经添加了css，这里是代码

HTML

 <div class="cust-container">
<img src="img/gostack.png" id="yourlogo" alt="The only logo" class='iconDetails'>
    <h1 class="text-light" ><a href="#intro" class="scrollto"><span><strong>GoStack</strong></span></a></h1>
</div>

---

这是HTML中的链接，块元素展开以填充所有可用的水平空间，强制所有其他元素在负责元素的上方或下方流动。要解决这个问题，您可以更改元素的显示属性，或者使用cssgrid或Flex之类的工具。我建议只将

display:flex

添加到

.logo

类中

.logo{
显示器：flex；
}

您可以在h1中添加类“inline”，并将此CSS属性添加到其中：

.inline{
显示：内联；
}

要解决此问题，请使用CSS for float left和其他类以及屏幕截图，并注意在哪个浏览器中观察到此行为。如果代码没有显示任何有用的内容，则将代码作为代码片段毫无意义对不起，更正我的回答不要删除代码片段，而是添加相关的html来说明您的解决方案。非常感谢。

.cust-container {
width:100%;
height:auto;
padding:1%;
}

.iconDetails {
 margin-left:2%;
 float:left; 
 height:40px;
 width:40px;    
 } 

h1 {
  margin:0px;
}